2020-03-02 前端js入级知识点总结 基础篇(一)

欢迎大家来看我的文章,这里都是一些关于js的知识,我会将我每天学习的内容进行总结,供大家参考,知识是累积出来的大家不要觉得辛苦,相信我们每个人都是潜力股,有哪些注意事项以及我们需要学习哪些内容,我都会记录下来,想要成为一名优秀的前端开发工程师就要抓住基础,把基础打扎实,才能在后期运用得当。

不了解前端的宝宝们可以大体了解下前端的发展史,首先几个重要的时间需要了解:


     1994年,万维网(W3C)成立,网景推出了第一版Navigator浏览器,HTML也发布了第二代版本,TIM的好基友也设计了CSS...所以我们把1994年称为“前端历史的起点”

       1995年,网景工程师BrendanEich花了10天时间设计了JavaScript语言,1996年微软发布了JScript(和JS有一些差异),同时拉开了Navigator和Internet

我们学习js首先要知道我们常用的浏览器,很多宝宝是自学对浏览器认识不广泛,我们学习js'一般用的都是webkit内核的浏览器,随着时代的变化,一些浏览器已经逐渐衰弱了,所以我们现在运用的浏览器都是谷歌浏览器,(常用的,也有一些Trident内核的IE浏览器.......)



下面进入我们的js知识世界

一、js的命名规范

- 严格遵循大小写

//=>编写代码的时候一定要区分大小写问题

let Test = 100;

console.log(test); //=>输出不出来因为test小写了

- 使用驼峰命名法

> 由有意义英文组成一个名字,第一个单词首字母小写,其余每一个有意义的单词首字母大写

let studentInfomation = {

name: '名字'

};

let studentInfo = {};

大括号里的内容用逗号分割开来;

//=>项目中常见的有特殊含义的端词组

add / insert / create  新增/插入/创建/ info 信息

del / delete / remove  删除/移除 update 修改

select / query / get  查询/获取

- 命名规则:使用 “$、_、英文字母、数字” 命名


// 基于$开头:一般代表使用JQ或者其它使用$的类库获取的内容

let $box;

// 基于_开头:一般代表是全局或者公共的变量

let _box = {};

// 基于数字区分相似名称的变量

let box1 = 10;

let box2 = 20;


// 数字不能作为开头

 let 2box = 10;=>错误的

// 想要分隔单词,可以使用_或者驼峰,但是不能是'-';(横线)

 let box-list;=>错误的

let box_list ;=>正确的

let boxList ; =>正确的

 var var = 10;=>错误的尽量不要使用变量为名字


// 汉字 虽然不会报错,但是强烈不推荐l例:

let 盒子 = 100;

console.log(盒子);


- 不能使用关键字和保留字

> 关键字:在JS中有特殊含义的

> 保留字:未来可能会成为关键字的

二、js做客户端的语言,以及组成部分(三部分)

1、ECMAScript:定义了js语法的规范

说明:*变量、数据类型、操作语句、内存管理、、、、、*

2、DOM(document    object   model)

说明:* 文档对象模型,提供一些js属性和方法,用来操作页面中DOM元素 *

3、BOM(browser   object   model)

说明:*浏览器对象模型,提供一些js属性和方法,用来操作浏览器用的

首先今天来介绍js中的变量

三、js中的变量 ‘variable’

变量:可变的量,(存储的值可变)在编程语言中,变量其实就是一个名字,他用来储存,代表不同的东西。

//ES3 中创建变量

-var a = 10;

       a = 20;

其中a就是变量,10代表值;

其中a=20代表a的值可以改变,输出结果就是20;结果确定为做后一个值;

输出是:console .log(a)//=>代表输出a的值

//Es6中模块导入变量

import   B  from  '.\B.js';

定义一个叫做B的变量,用来指向导入模块;

//ES6中创建变量

-let  b = 10;

Es6中创建变量跟Es3中同a的值可变,但是变量的名字不可相同,不然会报错;

//创建函数变量  function   fn(){}

//创建类变量

class A{}

四、js中常用的数据类型

分为两种数据类型:

{基本数据类型

{引用数据类型

一、基本数据类型包括

- 数字数据类型 number:正数、负数、小数、0、NaN{not a number} 
- 字符串数据类型string:所有单引号、双引号、反问号、Tab上面的点、所有被包起来的都是字符串;

- 布尔数据类型boolean:包括true/false

- 空对象指针null

- 未定义undefind

- Es6新增的唯一值symbol

二、引用数据类型包括

对象数据类型:{1、普通对象{}=>大括号包起来的都是属性名;

                          2、数组对象[]=>中括号包起来的,每一项值可以是任何类型,里面的值要用逗号隔开;

3、正则对象//双斜杠里面的值;

4、日期对象new date;

5、Math数学函数对象;

三、函数数据类型(重点)

function   fun(x,y){}

今天是js的基础认知课,大家多多了解,我会及时逐个讲解其中的应用,程序员不是一口吃个大胖子,而是通过自己的不断积累练习来完善自己,敲得代码行数觉定自己的能力,趁现在大家抓紧加强自己,相信每一个人都是潜力股,没有搞不懂的问题,不要觉得难就退缩,你不去试着努力又怎知自己的不可以!

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

推荐阅读更多精彩内容

  • 15、正则 正则就是一个规则,用来处理字符串的规则1、正则匹配编写一个规则,验证某个字符串是否符合这个规则,正则匹...
    萌妹撒阅读 1,406评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 8,994评论 0 3
  • 第一章 前端三大语言:HTML(专门编写网页内容)、CSS(编写网页样式)、JS(专门编写网页交互行为) 能简写尽...
    fastwe阅读 909评论 0 0
  • 在浩瀚的人生中,兴趣是人们通往成功的踏脚石,兴趣是人们前进路上的路标。所以,兴趣是我们最好的老师。 大家好,欢迎大...
    Li李海洋阅读 658评论 0 4
  • 目录 1、谈谈你对Ajax的理解?(概念、特点、作用) 2、说说你对延迟对象deferred的理解? 3、什么是跨...
    w_zhuan阅读 977评论 1 28