开这个系列博客的主要目的:
学会使用 JavaScript, HTML 和 CSS 构建跨平台应用,这里我们将利用Vue.js语言进行页面开发,利用Electron来进行打包生成windows平台上的可执行文件
知识点补充
-
Chrome V8引擎介绍
是 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎
其目的是解析和执行JavaScript脚本,我们常说的WebKit是由苹果2005年发起的一个开源项目,他是渲染引擎的一种,渲染引擎的目的是将HTML/CSS/JavaScript文本及相应的资源文件转化为用户可见的结果; -
一张网页是如何送达到用户眼前
首先是网页内容,输入到HTML解析器,HTML解析器解析,然后构建DOM树,在这期间如果遇到JavaScript代码则交给JavaScript引擎处理;如果来自CSS解析器的样式信息,构建一个内部绘图模型。该模型由布局模块计算模型内部各个元素的位置和大小信息,最后由绘图模块完成从该模型到图像的绘制 -
何为node.js何为node.js
node.js是一个可以让javascript运行在服务器端的平台,它不是一种开发语言;他提供的是一个javascript运行环境;
简单来说它是采用非阻塞式I/O和事件驱动,依赖于Chrome的V8引擎进行代码解释的javascript运行环境
-
何为Electron
Electron是由Github开发,目的是使用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 为了达成这个目的,Electron通过将Chromium和Node.js合并到同一个运行时环境中,然后将其打包为Mac,Windows和Linux系统下的应用;
通俗的来讲Electron给前端项目套上了一个壳,这个壳是可以让你使用纯 JavaScript 调用丰富的原生 APIs(操作系统API) 来创造桌面应用
- 何为Vue
是一套构建用户界面的渐进式javascript框架,通过API 实现响应的数据绑定和组合的视图组件;
Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图;而不是通过jquery去操作DOM来实现更新了。
视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。
- 何为Vue-cli
他是帮助我们更好使用Vue.js代码的一个架子,他有很多功能
- 何为Webpack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用