CSS 布局之—— 用 Grid 布局模拟 WPF 风格布局
摘要：1. 实现代码： <html> <div class="grid" style="grid-template-rows: auto auto; grid-template-columns: 150px 150px;"> <div class="stackPanel" style="grid-row:
阅读全文
posted @
2020-12-22 17:54
青叶煮酒
阅读(145)
推荐(0) 编辑
Electron-vue 中使用 CSS 布局笔记
摘要：1. 禁止用户鼠标选中文本、图片等变蓝 user-select: none; 2. 禁止用户拖动图片 -webkit-user-drag: none; 3. Electron 窗体可拖动 .drag { -webkit-app-region: drag; } 设置该属性后，除拖动外的其它鼠标事件不再
阅读全文
posted @
2020-12-18 16:50
青叶煮酒
阅读(1155)
推荐(0) 编辑
CSS 布局之 —— Grid 布局速览
摘要：1. 定义网格 任何一个容器都可以指定为 Gird 布局，行内元素也可以使用 Gird 布局。 （1）通过 display 属性设置为 grid 将一个元素变成一个 grid 布局。 （2）通过 grid-template-columns / grid-template-rows 属性，定义网格的行
阅读全文
posted @
2020-12-16 18:14
青叶煮酒
阅读(99)
推荐(0) 编辑
CSS 布局之 —— Grid 布局
摘要：CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。 注：Flexbox 和 Grid 能协同工作，而且配合得非常好（Flex 布局是一维布局系统，适合做局部布局，比如导航栏组件。Gr
阅读全文
posted @
2020-12-16 14:19
青叶煮酒
阅读(490)
推荐(0) 编辑
CSS 布局之 —— Flex 布局
摘要：布局的传统解决方案，基于盒状模型，依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009 年，W3C 提出了一种新的方案 — Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏
阅读全文
posted @
2020-12-15 17:57
青叶煮酒
阅读(136)
推荐(0) 编辑
CSS 布局之 —— display + position + float + 盒状模型
摘要：布局的传统解决方案，基于盒状模型，依赖 display 属性 + position 属性 + float 属性。具体介绍如下： 1. Display 属性 Html 元素分为：块级元素（block element）和 行内元素（inline element） block element 作者：波斯汪
阅读全文
posted @
2020-12-14 18:11
青叶煮酒
阅读(272)
推荐(0) 编辑
Git 使用笔记
摘要：以下内容是一个学习备忘笔记，完整学习Git 使用请移步：Git教程 - 廖雪峰的官方网站 1. 初始化 Git 仓库； 2. 关联本地仓库到 GitHub，或 克隆远程仓库代码到本地； 注：关联之前需要登陆 GitHub，创建一个新的仓库。 3. git add 命令 和 git commit 命令
阅读全文
posted @
2020-12-10 16:19
青叶煮酒
阅读(55)
推荐(0) 编辑
通过 protoc-gen-grpc-web 插件自动生成 gPRC 服务接口的 JavaScript 调用代码
摘要：1. 安装 protoc and protoc-gen-grpc-web 插件 protoc 下载： https://github.com/protocolbuffers/protobuf/releases protoc-gen-grpc-web 插件下载： https://github.com/g
阅读全文
posted @
2020-12-09 17:52
青叶煮酒
阅读(1653)
推荐(0) 编辑
创建可由 JavaScript 调用的 C# gRPC 服务
摘要：1. 创建 gRPC 服务 VSCode 打开准备用来存放项目文件夹的文件夹； VSCode 中打开终端，运行命令： dotnet new grpc -o grpc-service-web code -r grpc-service-web 当对话框询问是否要将所需资产添加到项目时，选择“是”。 2.
阅读全文
posted @
2020-12-09 17:13
青叶煮酒
阅读(953)
推荐(0) 编辑
Electron-Vue axios 发送 Get 请求时报错 net::ERR_INSECURE_RESPONSE
摘要：问题原因：SSL/TLS 证书验证导致的。 解决方案：在 src/main/index.js 中添加相关配置，忽略证书相关的错误。 app.commandLine.appendSwitch('ignore-certificate-errors') 如下图所示：
阅读全文
posted @
2020-12-09 16:44
青叶煮酒
阅读(1558)
推荐(0) 编辑
C# 创建可跨域访问的 RESTful 服务（Web API）
摘要：1. 创建项目 VSCode 打开准备用来存放项目文件夹的文件夹； VSCode 中打开终端，运行命令： dotnet new webapi -o HelloRestful 2. 添加自定义逻辑 在解决方案中（Controllers 同级）新建一个 Models 文件夹； 在 Models 目录下新
阅读全文
posted @
2020-12-09 16:43
青叶煮酒
阅读(1950)
推荐(0) 编辑
Electron-Vue 创建跨平台桌面应用程序 UI
摘要：0. 开发准备 安装好 vscode 、npm / yarn，安装方法见百度。 1. Electron-vue 安装 # 如果没有 vue-cli 的话需要全局安装 npm install -g vue-cli # 然后使用 vue-cli 来安装 electron-vue 的模板 vue init
阅读全文
posted @
2020-12-09 16:37
青叶煮酒
阅读(3497)
推荐(0) 编辑
跨平台桌面应用程序构建 （Electron-Vue + C# gRPC）
摘要：1. 创建 C# gRPC 服务 创建可由 JavaScript 调用的 C# gRPC 服务 2. 创建可在 Window 和 Linux 上运行的跨平台桌面应用程序 Electron-Vue 创建跨平台桌面应用程序 UI 3. 为 C# gRPC 服务接口生成 JavaScript 调用代码 通
阅读全文
posted @
2020-12-09 13:21
青叶煮酒
阅读(1677)
推荐(0) 编辑
跨平台桌面应用程序构建 （Electron-Vue + C# Web API / RESTful 服务）
摘要：1. 创建可在 Window 和 Linux 上运行的跨平台桌面应用程序 Electron-Vue 创建跨平台桌面应用程序 UI 2. 创建 C# Web API（RESTful 服务） C# 创建可跨域访问的 RESTful 服务（Web API） 参考：Electron-Vue axios 发送
阅读全文
posted @
2020-12-09 11:29
青叶煮酒
阅读(953)
推荐(0) 编辑
ubuntu 以超级管理员权限运行 vscode
摘要：sudo code --user-data-dir ="~/.vscode-root"
阅读全文
posted @
2020-12-09 11:23
青叶煮酒
阅读(4524)
推荐(0) 编辑
