Fork me on GitHub

Docker

Docker 系统架构

  • Docker Daemon docker 系统之间通信
  • Image 用于创建docker 容器的模板，就像oop中的类
  • Container 镜像运行的实体。一个类可以创建多个实体，实体之间是隔离的（sandbox）
  • Respository 共用仓库，可以是外网共享的，也可以是私有的
  • Tag 区分镜像的一种标识，<respository>:<tag>，同一仓库具有不同标签
  • 镜像中心 Registry 镜像仓库

docker 基本操作图解

img

more >>

展开全文 >>

electron 插件

plugins

@electron/remote

用来代替 electron remote 模块

1
2
3
4
5
6
7
8
9
10
11
12
在主进程中

const remoteMain = require('@electron/remote/main');

// 初始化
remoteMain.initialize()

// 开启之后能在子进程访问主进程
remoteMain.enable(win.webContents)

在子进程中
const remote = require('@electron/remote');
more >>

展开全文 >>

echarts 基础使用

Echarts

关于Echarts

ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。

ECharts 遵循 Apache-2.0 开源协议，免费商用。

ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示。

开始使用

more >>

展开全文 >>

electron 拓展

Electron

2021-01-01 - 2022-04-27 下载量 34,441,621 GitHub star 101k

html+css+js一直是网页开发的三剑客，不过经过electron的整合，现在它们也能够开发桌面应用程序。它采用chromium引擎ui，可以非常方便地进行跨平台页面的开发。并且它可以访问诸如Developer Tools和Storage Access之类的工具，使得它开发桌面程序更加方便。

img

more >>

展开全文 >>

electron 遇到的问题

Electron结合React，在渲染进程中使用 node 模块

问题

将create-react-app与electron集成在了一个项目中。但是在React中无法使用electron。当在React中使用require('electron')时就会报TypeError: fs.existsSync is not a function的错误。因为React中无法使用Node.js的模块.

解决方法1

利用window.require引入

1
const electron = window.require('electron')
more >>

展开全文 >>

electron 基础知识

基础应用

此笔记参考 刘晓伦著作的 ELectron实战：入门、进阶与性能优化

1、安装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- npm i electron -D

// 在安装步骤执行到 > node install.js 时，按ctrl+c中断过程
// 应为下载太慢了

- 手动下载 所需zip包

https://www.electronjs.org/fiddle

- 本地缓存目录为  ~/.electron/electron-v1.4.5-darwin-x64.zip

- 手动下载的zip包放到缓存目录所在位置。

- 重新执行 npm install -g electron 即可


上面的下载地址和缓存目录是通过阅读install.js脚本，尝试执行并打印部分变量得到的。
对于很多其它的使用npm安装的功能模块，都可以通过这个方法，解决下载问题。

安装成功后可以在项目 运行 ./node_modules/.bin/electron 测试
more >>

展开全文 >>

SortableJS

功能强大的JavaScript 拖拽库

可以实现同组内上下拖动元素，也可以实现不同组内互相拖动元素。

兼容性好

支持触屏设备和大部分浏览器

简单

简单的API，方便使用

原生

基于原生HTML5中的拖放API

CSS框架兼容性

支持所有的css框架，像Bootstrap

零依赖

不依赖Jquery等其他框架

SPA支持良好

支持多种框架（angular、vue、react等）

more >>

展开全文 >>

Rxjs

RxJS 是一个库，它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable，附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等)，这些数组操作符可以把异步事件作为集合来处理。 通常集成在 Angular技术栈中

可以把 RxJS 当做是用来处理事件的 Lodash 。

ReactiveX 结合了 观察者模式、迭代器模式 和 使用集合的函数式编程，以满足以一种理想方式来管理事件序列所需要的一切。

在 RxJS 中用来解决异步事件管理的的基本概念是：

  • Observable (可观察对象): 表示一个概念，这个概念是一个可调用的未来值或事件的集合。
  • Observer (观察者): 一个回调函数的集合，它知道如何去监听由 Observable 提供的值。
  • Subscription (订阅): 表示 Observable 的执行，主要用于取消 Observable 的执行。
  • Operators (操作符): 采用函数式编程风格的纯函数 (pure function)，使用像 map、filter、concat、flatMap 等这样的操作符来处理集合。
  • Subject (主体): 相当于 EventEmitter，并且是将值或事件多路推送给多个 Observer 的唯一方式。
  • Schedulers (调度器): 用来控制并发并且是中央集权的调度员，允许我们在发生计算时进行协调，例如 setTimeout 或 requestAnimationFrame 或其他。

官网 https://rxjs.dev/

https://www.youtube.com/watch?v=BA1vSZwzkK8

官网：https://rxjs-dev.firebaseapp.com/

图解rxjs: https://reactive.how/

rxjs可视化工具： https://rxviz.com/

使用

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

侠客行
作者：李白
赵客缦胡缨，吴钩霜雪明。
银鞍照白马，飒沓如流星。
十步杀一人，千里不留行。
事了拂衣去，深藏身与名。
闲过信陵饮，脱剑膝前横。
将炙啖朱亥，持觞劝侯嬴。
三杯吐然诺，五岳倒为轻。
眼花耳热后，意气素霓生。
救赵挥金槌，邯郸先震惊。
千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。
谁能书阁下，白首太玄经。