最近学习了解的技术

Electron

Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。

Electron 本质上可以看做一个浏览器窗口,不过这个窗口中的内容是由开发者自己定义的,功能的开发也完全适用于 Web 开发者,因此在了解了 Electron 的整体结构、Nodejs 技术、npm之后就可以上手开发了,查看文档

GitHub Action

GitHub Action 是 GitHub 的一个持续集成服务,他的优势是可以直接引用很多社区中成熟的配置方案,如果你需要某个 Action,只需要引用他人的 Action 进行组合即可,actions 市场是 GitHub 的一个官方市场,可以搜索到其他人提交的 Actions。

参考阮一峰博客完成了一个 Demo,感觉非常适合个人开发者使用,结合 gh-pages,完成静态博客的自动部署是不错的选择,由于我自己的服务器全部采用 Gitlab-CI/CD 方式进行部署,所以只是简单体验了下,没有做深入了解,Demo gh-pages

  • 基本术语

    • workflow:持续集成一次运行的过程,就是一个 workflow
    • job:一个 workflow 由一个或多个 jobs 构成,含义是一次持续集成的运行,可以完成多个任务
    • step:每个 job 由多个 step 构成,一步一步完成
    • action:每个 step 可以依次执行一个或多个命令
  • workflow:github actions 的配置文件叫做 workflow 文件,放置于代码库的 .github/workflow 目录,文件采用 yaml 格式。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 当 master 分支发生 push 操作时,创建 build 文件夹并将 www 文件夹中文件拷贝至 build 中
# 将 build 文件夹中的内容作为 job 的产出移动至 gh-pages 分支
# 使用了 JamesIves/github-pages-deploy-action@master Action 完成分支切换操作
name: GitHub Actions Build and Deploy Demo
on:
push:
branches:
- master
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@master

- name: Build and Deploy
uses: JamesIves/github-pages-deploy-action@master
env:
ACCESS_TOKEN: ${{ secrets.ACTIONS_TOKEN }}
BASE_BRANCH: master
BRANCH: gh-pages
FOLDER: build
BUILD_SCRIPT: mkdir build && cp www/* build

BRF

BRF 是一项使用 WebAssembly 技术在 Web 端实现人脸识别并跟踪的技术,通过[Web Video API]拿到识别数据,计算后输出图片信息和识别出的人脸点位,使用 Canvas 绘制即可。
查看 brfv5 Demo

WebAssembly是一种新的编码方式,可以在现代的网络浏览器中运行 - 它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如 C/C++ 等语言提供一个编译目标,以便它们可以在Web上运行。它也被设计为可以与JavaScript共存,允许两者一起工作。
WebAssembly文档

下图是 brf 网站给出的 Demo 执行后的结果,识别和跟踪效果都很不错,值得尝试。

小程序

小程序推出后一直没有深入了解过,现在工作需要正好有机会学习下,因此做了一个已经上线的小程序,整体感觉小程序未来的发展前景很好,我自己也经常使用一些小程序,体验尚可,开发难度小,非常适合互联网公司快速尝试。

◀        
        ▶