Aglaia_H5-优快云博客

原创如何将一个现有的Vue网页项目封装成electron桌面应用

简介需求缘由基础步骤总结参考内容需求缘由开发了很久的网页项目，领导突然想变成桌面应用，又要重写代码？no，no，no。不可能的。重写代码吃力不讨好，浪费时间，浪费精力。那么我们该怎么办呢？幸好，electron是如此神奇，它提供了一种能让你将任何前端代码的网站页面封装成桌面应用。无论是vue，react 还是 angular等现有的框架都能实现。基础学习该内容需要基本的 javascript 语法基础，以及 node.js 基础。步骤1，安装electron依赖包（局部安装，只安装开发依赖）

2020-07-23 18:48:21 2578

原创 electron创建桌面应用的三种方式

为什么使用electron开发桌面应用？1）electron 能够使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用2）electron 能够兼容到vue 、react 、angular3）electron 可以在windows,linux，mac OS上面运行为什么不使用c++，c#？1）electron开发效率高，桌面效果更佳。2）市面上c++，c#开发人员基...

2020-01-15 17:35:03 1064

原创 vue的模板渲染—Vue源码的学习

为什么要使用虚拟DOM？所谓虚拟DOM就是将一个DOM节点用数据描述出来，即在内存中描述标签。这样做的目的就是提高性能，避免反复渲染页面导致页面卡顿。怎样使真正DOM变成虚拟DOM?给虚拟DOM提供构造函数，用class存储。例如：< div / > ——> { tag: ‘div’, type=1 }文本节点 ——> { tag:...

2020-01-13 18:07:00 319

原创 vue多层级属性的渲染—Vue源码的学习

在vue基本的执行流程存在如下问题：1） Vue使用的是虚拟DOM2 ）只考虑了单属性（ {{name}} ）,没有考虑层级（ {{a.b.c.d}} ），而vue中大量的使用层级（ {{ child.name.firstName }} ）3 ）代码没有整合为了解决上述问题，可以采用如下方法：1）将真正的DOM和虚拟的DOM相互转换，提供如下方案：采用深拷贝，（递归函数）采用...

2020-01-09 17:15:06 851

原创 vue基本的执行流程—Vue源码的学习

day01Vue与模板使用步骤编写页面模板1）直接在html标签中写标签作为模板2）使用 template 作为模板3) 使用单文件（ < template /> ）作为模板创建VUE的实例，（new 一个vue对象）1）在vue的构造函数中提供渲染数据所需要的各种方法：data,methods,…将vue挂载到页面中 ...

2020-01-08 17:16:48 1837