前端沧海

如果领导突然说需要开发一款前端桌面端应用，那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。 如果突然让我们去开发Electron应用，很多人都会陷入迷茫和懵逼的状态。然后在依靠网上相对较少的资料，慢慢摸索、…

首先先看看本文最终的结果。 好了，话不多说， 看看这棵贼丑的树是怎么诞生的吧。 坐标系，或者说平面直角坐标系，是几何图形学的基础，其次是点、线、面这些元素。 坐标系大家都很熟悉， 最初接触坐标系应该是初中， 那时候的坐标系不知大家还有没有印象。 原点在中间， 水平轴是 x 轴，…

webpack目前是前端常用的工程化工具了。它可以帮助我们自动化构建打包各类的资源，极大的提高了我们打包代码的效率。在webpack看来，所有的资源文件都是模块(module),只是处理的方式不同。 建议不要全局安装webpack,因为不同的项目webpack的版本号是不一样的…

本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题。 官方文档 虽然比较全面，但是要想开发一个商用级别的桌面应用必须对整个 Electron API 有较深的了解，才能应对各种需求。 1. 创建窗口 通过BrowserWindow，来 创建 或者 管理 新…

朋友们好啊，我是晓黑板前端团队的何锦余，刚才有个朋友问我，“何老师，发生甚么事了？”，我说怎么回事，给我发了一个链接。我一看，喔！原来是前些天有几个年轻人，做了一个很不错的东西，写了一系列介绍 Electron 的文章。有一个说我们这个写了这么长时间了，在我们自己的晓黑板 Ap…

webpack已经成为开发web应用不可或缺的工程化工具，而作为webpack支柱功能的插件系统，是我们深入学习webpack绕不过的一道坎。站在插件开发的视角，你可以更细粒度地控制webpack的工作，实现那些通过修改配置文件做不到的事情。 最近公司团队使用webpack来给…

想要优化就必须得有度量。有了监控才能客观、系统地进行分析性能瓶颈、验证优化结果等。所以我们先从如何完整地监控开始 加载性能就是用户从进入到页面到页面真正可用的这个过程的耗时。我们可以用一道经典的面试题入手：用户从键入url按下回车之后到看到页面这其中发生了什么？ 现代浏览器提供…

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不…

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