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