基于浏览器程序设计的JavaScript + ES6新特性

这里写目录标题

基础知识1
- 计算机语言
JavaScript
- Javascript简介
- Javascript功能
- JavaScript组成
- - ECMAScript
- JavaScript的基本使用
- 小练习
基础知识2
- 引入
- 解耦合

基础知识1

计算机语言

1、HTML是编程语言吗？
不是，没有程序控制的体系，没有逻辑，属于标记语言。
2、HTML5是编程语言吗？
是，HTML5是由HTML5规范+css3规范+JavaScript组成。
3、语言发展？
4GL（SQL）
中高级语言（c、java）
汇编语言（助记符）
机器语言（二进制）

4、编译执行，一次编译多次执行，效率高。C
5、解释执行，解释器读一行，解释一行，执行一行，灵活，各种脚本语言。JavaScript
6、编译中间字节码由虚拟机执行字节码。Java

JavaScript

Javascript简介

典型的解释执行的脚本语言，需要解释器才能运行，常见的解释器有google（cchrom）的v8引擎，Mozilla（火狐）的奥丁猴引擎

是一种基于对象的脚本语言
解释执行
代码以纯文本形式存储
类型宽松
Netscape公司和sun公司联手完成

Javascript功能

JavaScript的主要作用
1、客户点脚本语言的主要应用者，客户端编程的默认语言
2、服务器编程 node.js

JavaScript组成

JavaScript=ECMAScript+DOM+BOM

ECMAScript

与JavaScript的关系: 最早 javascript提出，应用之后才进行了标准化，交由ECMA组织标准化为ECMAScript。仅包括语言核心（建对象怎么建，数组怎么用），由不同的环境实现不同的应用业务，

BOM（浏览器对象模型）
访问和操作浏览器窗口，每种浏览器都有自己的BOM

DOM（文档对象模型）
通过创建树来表示文档

JavaScript的基本使用

JavaScript是解释执行的，所以是阻塞式加载模式（排队/前置语句错误/后置语句不会执行）----前面错了后面不执行
1、内嵌式：使用html的事件属性，引入简单的JavaScript代码，大部分事件属性用on开头

<button onclick="alert('试试就试试');">点击我试试</button>

onclick
onload
onunload
alert
2、 script标签内联式，页面中将JavaScript代码放在里，不可以多页面共享代码

<!--因为JavaScript一统客户端编程， 所以script标签无需指定type属性，默认就是javascript-->
<script>alert('快到   /body标记了');//onload发生在文档对象准备完毕进行渲染之前
</script>

3、外联式【推荐】通过script 标签的src属性引用外部独立的js文件

创建文件 main.js

console.log（'在控制台输出信息'）

<!--外联方式引入独立的js代码-->
<script src="./main.js">alert("看是否能弹出");//不能，如果有src属性，则标签内所有代码均不被执行
</script>

小练习

通过引入独立的js文件，在控制台输出也一段消息

思路：新建js，console。log语句

与3.类似

基础知识2

引入

推荐外联的方式本质上和css的外联方式相同，避免代码之间出现耦合（关联性）

解耦合

降低各个模块之间的复杂关系，通过简单接口实现互相调用

HTML：负责元素架构组织
人【脑袋，脖子粗，身体壮，2条腿】

CSS：外观修饰
化妆【描眉，扑粉，抹口红】

Javascript：行为控制
修养【温文尔雅，不吃饭的时候扣脚丫】

建议：能用HTML解决的就不要用css，css能解决的不要用JavaScript，符合循序渐进原则，当高层不能使用的时候，底层可以提供最基本的功能。

【全栈之前端练习】ES6核心编程相关推荐

电商项目4：全栈之前端
全栈之前端 1.技术栈 2.es6 跨域声明变量变量提升 const 数组解构对象解构字符串扩展字符串插入变量表达式调用方法函数参数默认值传递不定参数箭头函数箭头函数结合解构表达式 ...
element ui 图片控件排序_JAVA全栈面试前端基础之四 Vue+Element框架快速开发
本文主要包括以下4个内容什么是ElementUI Vue 中引入ElementUI Vue+elementUI构建后台管理系统开源项目推荐 1.什么是ElementUI 官网:https://el ...
爱前端2018全栈大前端_启动2018年前端工具调查
爱前端2018全栈大前端 by Ashley Watson-Nolan 通过阿什利沃森-诺兰启动2018年前端工具调查 (Launching the Front-End Tooling Survey ...
狼叔：Node全栈为前端带来更多可能
2009年,Node.js横空出世,在几年时间里,Node.js凭借其高性能.易部署等特点迅速在前端领域脱颖而出,成为大火的明星.但一个技术再好,也是有生命周期的,许多开发者开始质疑,Node.js是 ...
最新《北风网web全栈教程前端开发全套教程》
教程目录: 1-1初级教程入门必备 - 新手学HTML+CSS 1-2初级教程入门必备 - PS技法与切片技术 1.熟悉Photoshop基本知识 2.Photoshop工具的使用 3.Photo ...
【全栈之前端编程】Javaweb使用thymeleaf局部刷新结合Layui插件实现Html分页
热门系列: 程序人生,精彩抢先看目录 1.前言 2.正文 2.1 开发环境介绍 2.2 实现代码 2.3 实现流程说明 2.4 实现效果程序人生,精彩抢先看 1.前言最近个人在做开发的时候,需要 ...
全栈大前端高频面试题
一.ES6 1.说说var.let.const之间的区别(ES6中作用域) 变量提升 var声明的变量存在变量提升,即变量可以在声明之前调用,值为undefined let和const不存在变量提升, ...
唤醒手腕Python全栈工程师学习笔记（并发编程篇）
01.Process进程基本介绍进程(Process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础,进程是线程的容器. 什么是进程? 进程 ...
全栈1——前端三件套
前端三件套简单笔记 B/S 软件的结构前端的开发流程网页的组成部分页面由三部分内容组成分别是内容(结构).表现. 行为. 内容( 结构) , 是我们在页面中可以看到的数据. 我们称之为内容. ...

【全栈之前端练习】ES6核心编程