logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Electron + Vue跨平台应用(十)可视化(一)

Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...

Electron + Vue跨平台应用(七)基础技法(一)

Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...

Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目

  1: 什么是Node.js应用,创建Node.js应用  既然Electron基于Chromium 和Node.js,那么我们还是稍微了解一下什么是Node应用,如何创建Node应用  1.1 Node.js 应用是由哪几部分组成的:  在我理解上Node.js应用就是驻扎在Server端的App,它主要由三部分组成  . 引入 required 模块这个就跟java当中的impo...

Electron + Vue + Vscode构建跨平台应用(一)知识点补充

  开这个系列博客的主要目的:使用 JavaScript, HTML 和 CSS 构建跨平台应用  知识点补充Chrome V8引擎介绍  是 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎  其目的是解析和执行JavaScript脚本,我们常说的WebKit是由苹果2005年发起的一个开源项目,他是渲染引擎的一种,渲染引擎的目的是将HTML/CSS/J...

Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解

疑问1:既然我们可以利用vue-cli这个脚手架去搭建/发布Vue项目,那要Electron做什么用  vue-cli作为脚手架,作为一个构建工具,来帮助构建具有统一规格样式的Vue项目;就像草图一样,按图绘制;Electron作为一个壳子,他集合了vue-cli的能力,也提供了额外的功能,如调用系统原生API,打包生成跨平台文件为了能够更清楚的掌握利用Electron构建Vue应用,...

Electron + Vue跨平台应用(六)效果还不错的登录页面

Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...

Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建

配置Vue.js解释环境:Node.js的安装与配置  首先从Node官网下载Node最新版本,后续介绍中Node的版本为 v6.11.3,地址为:Node v6.11.3 下载地址, 开发平台为windows ;一路Next就完成了Node.js的安装;笔者Node.js安装目录为: D:\SoftWare\NodeJs;然后在环境变量Path中添加Node.js的可执行路径...

Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析

  通过上面几篇文章我们已经基本了解了如何利用Electron-Vue来构建Vue项目,但是项目是这么运行的,初始项目代码之间有什么关系,我们还不太清楚,所以这篇我们将主要解决如下三个问题  1: npm run dev背后做了什么,上图的界面是如何产生的  2: npm install到底根据什么策略去下载对应的依赖  3: 如何打包成跨平台的文件,比如打包成windows平台的exe文件...

Android P版本 (六)刘海屏适配 与WindowInsets,DisplayCutout使用

Android P版本的发布,引入了刘海屏的概念,像华为nova 3e,vivo X21等手机厂商也纷纷推出自己的刘海屏手机,我们先预览下HUAWEI nova 3e的机照从这张图中我们可以看出,所谓的刘海屏实际上是安装在状态栏的一块玻璃屏幕,刘海屏的高度等于状态栏的高度如果我们的的app没有适配android p的刘海屏,那么在显示的时候变会出现问题,1)如没有状态栏,全屏显示的...

到底了