2020-03-02

                                                               js的简单入门

                                                                             简单的自述

        大家好，欢迎来看我的，我呢是一个刚转业的一个无业游民，在一次偶然的机会，了解到了关于前端开发的知识（ps：我同学在珠峰学习的前端）明明大家都是刚刚毕业，而作为学习过前端的一名工程师来说，竟然收入比我高一倍，说实话，让我本来脆弱的心灵受到了严重的打击。不说别的，这双倍的工资让我属实羡慕，再说简单点，步入社会以后，经济能力，将会是衡量一个人的重要标尺。所以，我也选择了珠峰培训，选择用自己的努力，为自己以后的生后提供一个更好的保障。

      在不久前，我学习了HTML5，css3，在接下来的很长一段时间里，我将学习 Javascript，时间短，任务重，作为一个纯小白来说，我不知道自己能吸收到什么程度，但即使前方充满坎坷，我也无惧，给自己定个小目标。   加油，努力，奥里给！！！

 学习内容总结如下：

一丶什么是 js：

      Javascript（JS）是一种脚本语言，主要用于Web。它用于增强HTML页面，通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此，它不需要编译。”

二丶.js 是用来实现什么的：

avascript是在网站浏览器上运行的编程语言。

主要是向使用HTML和CSS构建的网站添加，并起到实现各种页面动态效果的作用。

例如，在网页上展示的轮播图样式和在咨询平台上输入的内容错误后显示的提示信息，这样的效果。另外针对商城网站里面购买商品时，使用购物车和费用估算也需要用到JavaScript。

所以即使它不怎么明显，但依然是编码人员经常会用到的一种语言。

JavaScript是一种多功能的开发语言

除了向网页添加动作的用处之外，JavaScript还可以用来实现很多其他的功能。比如它能够开发出各种网站应用程序，如“聊天工具”和“货币图表”等，可以实时进行修改，这也是JavaScript的主要魅力之一。

如果您需要进一步扩展视野，那么它还可以用来创建APP和游戏。 当你使用诸如iPhone和iPad等各种移动终端时，你就会发现JavaScript之类的通用开发语言是非常有用的。

三丶js做客户端（组成）

按照相关JS语法，操作页面中的元素，或者操作浏览器里面的一些功能

ECMAScript3/5/6…：JS的语法规范（变量、数据类型、操作语句等等）

DOM（document object model）：文档对象模型，提供一些JS的属性和方法，用来操作页面中的DOM元素

BOM（browser object model）：浏览器对象模型，提供一些JS的属性和方法，用来操作浏览器

四丶js中的变量和常量

1.变量（Variable）

可变的量，用来存储，代表不同的值（val)。

例子：var a =12;   let b = 22;

2.常量（const)

使用常量所创建的量，不能修改。

例子：const c = 1500;

标注：创建函数，类，Es6的模块导入也相当于创建变量，而Symbol创建的是唯一的值。

五丶js的命名规范

1.严格区分大小写

2.使用数字，字母，下划线 ，美元符，来命名，切记数字不能作为命名的开头（Low）。

3.使用驼峰命名法，汉语拼音者（更Low）

4不能使用关键字，和保留字如下：

 关键字

break      故障                                                     case      实例

catch     抓取                                                        continue      延续

default      违反                                                      delete       删除

do        进行                                                          else        否则

finally        最后                                                   for          给

function         函数                                                if          是否

in         在...内                                                    instanceof        运算符

new         新的                                                    return         返回

switch         开关                                                this       这个

throw       投                                                       try       实验 

typeof        产品类型                                         var        ？？？

void       无效的                                                while        一段时间

with        用

 保留字

abstract      摘要                              boolean       布尔

byte        字节                                char       字符

class      类                                      const         常量

debugger          调试器                      double  双

enum         检举                                export 出口

extends       扩展                            fimal        ？？？

float      浮动                                    goto         转到

implements         实现                             import          进口

int       ？？？                                   interface        接口

long       长                                    mative        ？？？

package          包                         private           私人

protected           受保护                         public           公共

short           短                               static            静态

super             超级                          synchronized                 同步

throws        抛出                                transient                瞬态

volatile             挥发性

六丶js中常用的数据类型：

基本数据类型（值类型/原始值）

数字number

字符串string

布尔boolean

空对象指针null

未定义undefined

Symbol唯一值

引用数据类型

对象数据类型object

{} 普通对象

[] 数组对象

/^[+-]?(\d|([1-9]\d+))(.\d+)?$/ 正则对象

Math数学函数对象

日期对象

…

函数数据类型function

七丶js中常用的输出方法

1、alert("要输出的内容");

->在浏览器中弹出一个对话框,然后把要输出的内容展示出来 

->alert都是把要输出的内容首先转换为字符串然后在输出的

2、document.write("要输出的内容"); 

->直接的在页面中展示输出的内容

3、console.log("要输出的内容");

->在控制台输出内容

4、value ->给文本框(表单元素)赋值内容

->获取文本框中(表单元素)的内容

document.getElementById("search").value = "要给#search这个文本框添加的内容";

5、innerHTML/innerText ->给除了表单元素的标签赋值内容

document.getElementById("div1").innerHTML = "you need walk";

document.getElementById("div1").innerText = "you need walk and run";

总结：内容一般，格式一般，js的第一课从这里开始，能看到这里的给弟弟点个赞，后续会根据自己学习内容，不断更新。

鸣谢：菜菜，和老周的教导。哈哈哈！！！