ねこ天~

 

前端-JavaScript

前端-JavaScript-入门

全文字数:nnn来字(含代码)

阅读时间:大概mmm分钟吧(不算扩展、参考)

最后编辑:2021年4月16日 17:18:32

更多相关:进入我的主页~

一、介绍

1. 科班/工作必会内容

1.1 它是什么?

🙌 ​Javascript是一种脚本语言弱类型语言

1.2 相关的行话、术语有哪些?

​ 每篇文章下的该部分内容会持续更新,想起来了什么相关的,我就再加上~(建议收藏⭐)

👉 脚本

​ 要想理解脚本语言是什么,要先说一下脚本这个词,这个还真查过,不是个外来语,记得早在宋朝就有这个词了,背不太好本意,偷偷搬一下百度百科~如下:

​ 脚本是指表演戏剧、拍摄电影等所依据的底本又或者书稿的底本。脚本可以说是故事的发展大纲,用以确定故事的发展方向。之后,确定故事到底是在什么地点,什么时间,有哪些角色,角色的对白,动作,情绪的变化,等等,这些细化的工作都是剧本上所要清楚确定下来的。

​ emmm...有点啰嗦,简单说就是一个剧本的具体实施步骤,比如:(可以联想一下打开网站,页面一步步渲染)

  1. 第一步打光
  2. 第二步主角登场
  3. 第三步反派登场
  4. 第四步反派嗝屁。。。

​ 也可能会有突发事件,不过也在脚本上有写,比如:张三如果突然上场了的话,李四就耍个刀给他赶下来...(可以联想一下,点击了不好用的超链接,弹出了一个窗口)

👉 ​脚本语言

​ 根据上面对脚本的描述应该就很好理解脚本语言了,既然是戏剧,那就要有舞台(浏览器),要有演员(HTML元素、缓存中的变量),在这个舞台上,按照脚本(JavaScript写的程序),一步一步的推进剧情(执行脚本程序)。

舞台不光只有浏览器脚本语言也不止有JavaScript。比如在windows系统下,我们计科相关专业的基操:win+R,之后cmd,回车!然后打开黑本窗口(终端),这个软件叫操作系统的shell(壳子),里面我们用的各种命令(也可以叫指令)也是脚本语言。

​ 脚本语言的初衷还是为了较少程序运行需要的步骤(编译-链接-运行),我总喜欢拿洗衣机举例子(洗衣机真是太好用了八,谁发明的,还能用在这...)用脚本语言写的程序(注意断句),就像是按照步骤,按洗衣机上的按钮。而不需要,当我们想来个浸泡洗模式、水位7、力度中时,还要现拼装特定模式、水位、力度的零件(编写对应的底层程序),安装到洗衣机里(编译),插电(运行)。不过脚本语言一般较为灵活,常见的就是我们总要cmd一下(不是电脑出问题,就是软件没安明白。。)

👉 ​弱类型语言

​ 说它弱,那肯定是相对强才叫弱。先说一下强类型语言~

强类型语言:是一种强制类型定义的语言,一旦某一个变量被定义类型,如果不经过强制转换,则它永远就是该数据类型了,强类型语言包括Java、.net 、Python、C++等语言。

​ 相对上面的描述,弱类型语言就是不强制类型的定义,声明时也不需要确定类型,在第一次赋值的时候系统会确定类型,下面用Java做一个简单的对比,分别声明一个整型变量和字符串,来感受一下:

​ Java(强类型语言):

// 声明时就必须固定数据类型,不这么做就运行不了程序
int i = 123;// i现在就是int类型
String j = "abc";// j现在就是String类型

​ JavaScript(弱类型语言):

var i,j;// 声明变量时,可以不赋值,也不强制固定数据类型,在后续赋值时再确定数据类型~
i = 123;// i变成了Number类型的变量
j = 'abc';// j变成了String类型的了

​ (后面这些术语、行话后,续填坑~)

👉 ​事件

👉 ​函数

👉 ​外部方法

👉 ​JSON

👉 ​DOM

👉 ​遍历

👉 ​注释

1.3 语言基础知识有哪些?

​ 一般我们学习一个新的语言时都要默默的问一下这些问题:大小写是否敏感?注释方法是什么?有哪些基本数据类型?运算符有哪些?流程控制语句有哪些?变量怎么声明并使用?方法或函数怎么声明并使用?主方法或主函数怎么写?如何编写并运行一个简单的程序?...

🌟 ​对大小写敏感

🌟 ​单行注释方法

// 注释内容

🌟 ​多行注释方法

/*
    注
    释
    内
	容
*/

🌟 ​基本数据类型:

类型说明 举例 数据类型
字符串 '123abc' String
数字 0.01或123 Number
布尔 true/false Boolean
对象 {name:'张三'}/null Object
未定义 undefined/var un; Undefined

🌟 ​运算符:

  1. 算数运算符:+、-、*、/、%
  2. 比较运算符:>、>=、<、<=、==、!=
  3. 逻辑运算符:&&、||、!
  4. 赋值运算符:+=、-=、*=、/=、%=、=
  5. 自增自减运算符:++、--
  6. 三目运算符:? :

🌟 ​流程控制语句

  1. if分支语句:if(条件) { // 语句块 } else
    1. if、else、elseif
    2. 有else、elseif必须有if,有if可以没有else
  2. for循环语句:for( item in list ){ // 语句块 }、if(i = 0;i<10;i++)
    1. in 可以依次取出元素的下标
    2. of 可以依次取出元素

1.4 现在的流行版本?有哪些新增特性?

💪 ​流行版本:ES6

新特性:

2. 其他了解

多了解点,学的更明白,以后也好和同行或外行唠嗑(吹🐮🍺)~

2.1 为什么会出现?

2.2 有哪些相似技术?

二、使用场景及方法

1. 常见使用场景

  • Web开发:基于 HTML 和 CSS 构建的网站上提供交互功能
  • 桌面应用:一个不错的听歌软件就是Javascript做的,叫 Listen1(悄悄的:它可以听全平台的音乐哦)
  • 移动应用:uni-app了解一下,web渲染、原生渲染都支持,还可以同时开发小程序。当然还有不少其他的框架,都可以做移动端应用
  • 服务器和 API:使用 Node.js 你可以获得一个可构建服务器的,高度且可扩展的 JS 运行时。长久以来,Express 一直是服务器端渲染 Web 应用或 API 的首选框架。
  • 游戏开发:JS 究其本源就是面向 UI 的,因此通过 JS,HTML 和 CSS 就已经能写出简单的网页游戏。
  • 机器学习:使用 TensorFlow.js,可以开发图像分类,语音识别或预测性分析的机器学习模型。
  • 物联网 IoT:Johnny-Five 平台为各种 Arduino 开发板提供了一个易用的 API。如果你对机器人更感兴趣,不妨试试 Cylon.js。

2. 简单使用示例

使用场景:Web开发

实现步骤

三、总结

​ 以上内容都是个人在校习得、业余积累、工作所学而来,有些还是一家之言,有更好的见解或不解之处,欢迎评论区讨论!(/•ิv•ิ)/

​ 没有公众号,准备写完自己所了解的就改行了,兴趣、精力有限_(:3 」∠ )_


附录:扩展及参考

posted on 2021-04-19 16:09  ねこ天~  阅读(106)  评论(0编辑  收藏  举报

导航