何锦余

晓黑板pc客户端是一个集web端与桌面客户端端一体的项目，客户端采用了electron技术栈，两者是同一份代码。为采集一些数据，我们采取使用了google analytics（简称ga）的埋点方案。下面就是我们项目对于ga的一些使用方案的研究。 那当然我们也可以动态js来创建s…

Proxy 可以理解为，在操作对象时要先经过一层“拦截器”。访问对象时，都必须先经过这一层拦截。这就意味着你可以在拦截里做各种骚操作。 让我们先看看怎么使用 Proxy. 以上例子，只是展示了 proxy 怎么操作对象属性，而他的核心是为了扩展对象的能力。 当你把一个普通的 J…

托盘虽小，作用不小。它是你的应用正在操作系统运行的标识，它可以通知你有新消息，可以唤醒应用界面，可以设置上下文（右键）菜单设置更多的功能等。下面我们就来一一实现这些功能，要在主进程进行操作。 1. 创建托盘 一个系统托盘就会被创建出来。很简单对不对，但是这个图标现在还没有任何功…

elelctron提供了一个方式来自动唤起electron应用(如下图)，这一次就让我们来学学如何通过连接来唤起electron应用，并且我们可以使用这个功能来做点什么。 electron注册的协议, electron会将协议注册到系统的协议列表中，它是系统层级的API，只能在…

electron的原生对话框dialog，提供了系统对话框, 提供了消息提示、消息提示操作以及选择文件、保存文件等操作，今天就跟着本文来了解一下electron。 1. 消息提示 dialog.showMessageBoxSync 显示一个消息框，它将阻止进程，直到消息框被关闭…

菜单主要分为应用程序菜单、上下文菜单，在tray和dock中也有用到菜单，本节主要介绍前两种。文档地址 mac和windows都在左上角，但是一个在屏幕左上角一个在应用程序视图左上角。 即右键菜单。 2. 创建菜单 接下来我们创建应用程序菜单。如下步骤： 此四步即可创建应用程序…

最近组内开始给项目写文档，需要找一款录屏工具做视频和gif图。于是我们开始寻找录屏的工具，它们或截不到状态栏，或视频体积太大，或windows平台没有等等。最终找到一款能用的花了不少时间。我正好在做electron的项目，于是就寻思：用electron做一个简单的，跨平台的录屏…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

在本文开始之前，我们需要先了解一些类型系统的相关知识，然后我们会分析Javascript类型系统的特征和已经存在的一些问题，进而开始学习Javascript类型系统问题的终极解决方案---TypeScript。 从类型安全的角度出发，类型系统分为强类型与弱类型，从类型检查的角度…