JavaScript 编程语言

一、JavaScript

JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。

1.1、JavaScript 开发语言基础

  1. JavaScript 编程语言基础
  2. JavaScript 的比较逻辑运算
  3. JavaScript 定义变量中的var、let 和const 关键词介绍
  4. JavaScript 开发中类型转换函数
  5. JavaScript 编程语言函数使用
  6. ES6 中的箭头函数介绍

1.2、JavaScript 开发语言常用知识

  1. JavaScript 数组遍历的方法汇总
  2. JavaScript 数组元素过滤 filter() 方法

1.3、JavaScript 中的对象

  1. JavaScript 几种对象创建方法
  2. JavaScript 构造函数和原型对象补充
  3. JavaScript 对象类继承方法

二、JavaScript 用于WEB开发

JavaScript 在页面开发中会用到DOM(文档对象模型)、BOM(浏览器对象模型)。
其中DOM文档对象模型为:网页被加载时,浏览器会创建页面的文档对象模型。通过此对象模块,可以动态的创建 HTML所有元素。
BOM浏览器对象模型允许JavaScript 与浏览器对话。不存在官方标准的BOM,但是几乎所有浏览器都实现了JavaScript 交互相同的方法和属性。
BOM 对象中包括 Window 对象、Screen对象、Location对象、History对象、Navigator对象等。

  1. JavaScript noscript 标签问题

2.1、JavaScript 中BOM对象

  1. JavaScript 编程语言 BOM Window 对象
  2. BOM Window 对象的属性和方法

2.2、JavaScript 中的DOM对象

  1. JavaScript 编程语言DOM Document 对象
  2. JavaScript 编程语言DOM Element 对象
  3. JavaScript 编程语言DOM Attribute 对象
  4. JavaScript 编程语言DOM Event 对象
  5. JavaScript 编程语言cookie 操作

三、JQuery

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

  1. jquery 框架preventDeafult方法阻止默认操作
  2. jQuery Validate 表单提交
  3. Jquery 框架 Dialog 对话框

四、Vue.js 前端框架

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时 ,Vue.js 也能完美地驱动复杂的单页应用。

4.1、脚手架使用介绍

  1. Vue-cli 脚手架介绍
  2. Vuejs 中的Runtime + Compiler 和 Runtime-only 的区别

4.2、新手入门

  1. Vuejs 前端开发入门
  2. Vue.js 新手入门:遍历、判断、属性绑定、计算属性和事件监听
  3. Vuejs MVVM 视图-模型-视图模型和v-model表单控件
  4. Vue.js 组件化开发-模板分离和数据存储
  5. Vue.js 父子组件之间数据传输
  6. Vuejs 父子组件间的访问方式
  7. Vuejs 组件化开发中插槽的使用说明