拥抱开源

Vue 简介

• Vue 是一套用于构建用户界面的 JavaScript 渐进式框架
• Vue 提供 MVVM 数据双向绑定，专注于UI层面，核心思想：数据驱动、组件系统

库和框架

• 库是为实现特定功能而封装的代码片段
• 框架是开发项目的一套完整解决方案

MVVM

• Module 模型，数据访问，对应前端的 javascript 对象
• View 视图，对应前端 dom
• ViewModule 视图模版，视图与模版数据交互

webpack 简介

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。

核心概念

• entry（入口）webpack 开始构建的入口模块，从该入口开始构建并计算直接或间接依赖的模块或库
• output（输出）webpack 对文件的命名和输出
• loader（加载器）对于非 js 文件处理需要依赖 loader
• plugins（插件）plugins 将不同的事件运行在不同生命周期的 hook（钩子）中提供具体功能
• mode（模式）内置优化参数，可选 production（生产模式） developement（开发模式）none（无优化参数）

Promise 简介

• Promise 是异步编程的一种解决方案，比传统的回调函数和事件解决异步更加合理和灵活
• Promise 支持链式调用，可以解决 Callback Hell（回调地狱）

文档

• Promises/A+规范
• Promise 实现详解
• Promise 必知必会（十道题）

Ajax 简介

• ajax 全称为 Asynchronous Javascript And XML，就是异步的 js 和 xml
• ajax 请求是一种特殊的 http 请求，可以动态更新网页数据而无需重载页面
• 浏览器使用 XHR（XMLHttpRequest）对象或 fetch 函数发送 ajax 请求

IDE 的选择

VSCode

对于开发者来说，一个好的开发工具至关重要，在众多 IDE 中 我选择了 VScode，微软的一款轻量级开发工具，对应的开源版本为 VSCodium，就像 Chrome 与 Chromium，有开源版本我当然会用开源版本，但 VScode 的远程开发功能在 VSCodium 中无法使用，这一点使我暂时放弃了 VSCodium，远程开发功能让服务器端写代码像在本地一样，虽然目前还是预览功能，但体验了一下我只能说真香。

个人使用免安装的 ZIP 包，直接解压，开箱即用。

• VSCode 下载：https://code.visualstudio.com/Download
• VSCodium 下载：https://github.com/VSCodium/vscodium/releases

Nodejs 简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。

• [Nodejs 中文网(http://nodejs.cn/api/)
• Node.js 技术栈

Git 简介

Git 是一款开源的分布式的版本控制系统，由 Linux 之父 Linus Torvalds 开发，最初的目的是为了便于维护 Linux 内核，如今已成为最流行的版本控制系统。

官网：https://git-scm.com/

jquery 简介

jquery 是一个快速，小巧，功能丰富的 javascript 库。其独特的 API 使 html 文档的遍历，事件处理，动画和 Ajax 等变得简单。

使用

1

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>

CentOS8 发布有段时间了，阿里云官方暂时还没有提供新版镜像，偶然间看到 arloor 成功在阿里云上安装 CentOS8 并且提供了脚本，在此表示感谢。

http://arloor.com/posts/netinstall-centos8/

canvas

• <canvas> 标签是一个图形容器，需要使用 javascript 来绘制图形
• <canvas> 标签是 inline-block 元素，标签内部是浏览器不支持 <canvas> 标签时显示的内容
• <canvas> 元素默认宽度 300px，默认高度 150px，只能通过标签属性设置宽高，不能通过 css 设置（会改变像素的宽高比），不需要写单位，以像素计数