- 博客(5)
- 收藏
- 关注
原创 如何将一个现有的Vue网页项目封装成electron桌面应用
简介需求缘由基础步骤总结参考内容 需求缘由 开发了很久的网页项目,领导突然想变成桌面应用,又要重写代码?no,no,no。不可能的。重写代码吃力不讨好,浪费时间,浪费精力。那么我们该怎么办呢? 幸好,electron是如此神奇,它提供了一种能让你将任何前端代码的网站页面封装成桌面应用。无论是vue,react 还是 angular等现有的框架都能实现。 基础 学习该内容需要基本的 javascript 语法基础,以及 node.js 基础。 步骤 1,安装electron依赖包(局部安装,只安装开发依赖)
2020-07-23 18:48:21
2583
原创 electron创建桌面应用的三种方式
为什么使用electron开发桌面应用? 1)electron 能够使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 2)electron 能够兼容到vue 、react 、angular 3)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
320
原创 vue多层级属性的渲染—Vue源码的学习
在vue基本的执行流程存在如下问题: 1) Vue使用的是虚拟DOM 2 )只考虑了单属性 ( {{name}} ),没有考虑层级 ( {{a.b.c.d}} ),而vue中大量的使用层级 ( {{ child.name.firstName }} ) 3 )代码没有整合 为了解决上述问题,可以采用如下方法: 1)将真正的DOM和虚拟的DOM相互转换,提供如下方案: 采用深拷贝,(递归函数) 采用...
2020-01-09 17:15:06
852
原创 vue基本的执行流程—Vue源码的学习
day01 Vue与模板 使用步骤 编写 页面 模板 1)直接在html标签中写 标签 作为模板 2)使用 template 作为模板 3) 使用单文件 ( < template /> ) 作为模板 创建VUE的实例 ,(new 一个vue对象) 1)在vue的构造函数中提供渲染数据所需要的各种方法:data,methods,… 将vue挂载到 页面中 ...
2020-01-08 17:16:48
1838
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人