前端JS知识点总结基础篇(一)

在浩瀚的人生中,兴趣是人们通往成功的踏脚石,兴趣是人们前进路上的路标。所以,兴趣是我们最好的老师。

大家好,欢迎大家看我的第一篇文章,我是一名刚开始学习前端的小白:李海洋。

在这里我会分享一些日常学习的总结供大家一起学习,之后也会一直更新。


首先,我们需要搞清楚JS在整个前端中是干嘛的,一个网页是由HTML,CSS和JS三大部分组成,HTML搭建的是页面结构,CSS是编写页面的样式,而JS是完成人机交互效果比如基本的人机交互效果/页面中具体效果的实现/页面中动态数据的获取和绑定/可能会操作浏览器的一些功能...等等,所以说我们的JS是用来操作DOM和操作浏览器的


JS组成的三大部分

ECMAScript(ES3 / ES6~9):  定义了JS的语法规范:定义了语言本身的变量、数据值、操作语句、内存管理...等内容

DOM(document object model):  文档对象模型:提供对应的属性和方法,可以让JS操作页面中的DOM元素

BOM(browser object model):  浏览器对象模型:提供操作浏览器的属性和方法

注意:当代项目开发,一般都是基于Vue/React完成的,基于这两个框架,我们已经不去操作DOM了,我们操作数据

JS中的变量 variable

> 变量:可变的量(其存储的值是可变的),设置一个变量(起个名字),让其代表和指向某一个具体的值


JS中创建变量的几种方式

- ES3:var

- ES6:let 、const

- function 创建函数

- class 创建一个类

- import / require 基于ES6Module或者Common.js规范导入模块

1.基于var创建

var n = 10;

var m;

console.log(n, m);     => 10 undefined

2.基于ES6中的LET创建

let a = 100;

a = 200;

console.log(a);   => 200

3.基于ES6中的CONST创建(基于CONST定义的变量一般也被成为常量);

const b = 1000;

console.log(b);    => Uncaught TypeError: Assignment to constant variable.

4.创建一个函数

function func() {}

console.log(func);

5.创建一个类

class Parent {}

console.log(Parent);

6.基于模块规范来导入具体的某个模块

import axios from './axios';

let axios = require('./axios');


命名规范:严格区分大小写!!

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

let Test = 100;

console.log(test); //=>Uncaught ReferenceError: test is not defined

使用驼峰命名法

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

例如:let studentInfo = {};

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

add / insert / create  新增/插入/创建

del / delete / remove  删除/移除

update 修改

select / query / get  查询/获取

info 信息

命名规则:使用 “$、_、英文字母、数字” 命名,数字不能作为开头

想要分隔单词,可以使用_或者驼峰,但是不能是-

中文命名虽然不报错,但是强烈不建议!

不能使用关键字和保留字

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

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

一些知识点补充:

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

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

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


JS中的数据类型

1.基本数据类型(值类型 / 原始值)

数字 number        字符串 string        布尔 boolean       

空对象指针 null        未定义 undefined        ES6新增的唯一值类型 symbol

2.引用数据类型

①对象数据类型 object

普通对象 {}        普通对象 {}        正则对象 /^$/        日期对象 new Date        数学函数对象 Math    ...等等

②函数数据类型 function



“学而时习之,不亦说乎”出自于孔子的《论语》

译文:孔子说:“学到知识后按时温习并实践练习,不是一件令人心生喜悦的事吗?”

做到勤复习,多实践,温故而知新,相信每个人都是潜力股,只要肯努力就一定可以成功.

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

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,079评论 0 2
  • 1、新的声明方式 以前我们在声明时只有一种方法,就是使用var来进行声明,ES6对声明的进行了扩展,现在可以有三种...
    令武阅读 1,001评论 0 7
  • 欢迎大家来看我的文章,这里都是一些关于js的知识,我会将我每天学习的内容进行总结,供大家参考,知识是累积出来的大家...
    小晨的世界阅读 478评论 0 7
  • 一、你不知道的JavaScript 1、作用域 作用域 LHS RHS RHS查询与简单地查找某个变量的值别无二...
    顶儿响叮当阅读 345评论 0 0
  • es6总结 往期文章 ES5总结 1.es6简介 回顾javascrip组成:核心(ECMAScript)由ECM...
    理想三旬7阅读 585评论 0 5