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的第一课从这里开始,能看到这里的给弟弟点个赞,后续会根据自己学习内容,不断更新。

鸣谢:菜菜,和老周的教导。哈哈哈!!!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容