Puppeteer 入门

某一天,我在一个微信群里看到有人在讨论如何自动填写第三方网站的表单。
然后有人推荐用 Puppeteer。我没听说过这个东西,所以就去查了一下和大概看了下它的 API 并运行了一些 Demo。
这里简单梳理一下 Puppeteer 的相关知识。

一些关于 canvas 的东西

因为最近在做的给用户上传图片添加自定义贴纸的需求。需要用到一些 canvas 的 API 来实现相关的功能。
所以看了不少关于 canvas 的文章。
这里分享一下一些开发过程中比较常见的一些 API 和遇到的问题及其解决方法。

设计模式之工厂模式

工厂模式根据抽象程度的不同分为三种:简单工厂模式(Simple Factory Pattern),又称静态工厂方法(Static Factory Method)、工厂方法模式、以及抽象工厂模式。

如何把你 Github 上的模块改为可用 npm 安装

由于我们现在 Webpack + Vue.js 使用的频率越来越高。
而原有的 Sea.js 模块和现在用的 Require.js 模块,在 Webpack 中使用是比较麻烦的。
所以,将模块修改成标准 Node.js 模块,可以方便我们在代码中引用,减少模块的维护工作量。

CSS 水平垂直居中的几种实现方式

前端开发中,总会遇到各种需要将元素水平垂直居中的场景。
这里简单介绍一下几种 CSS 水平垂直居中的方法及其适用性和兼容性。

Nexus 5x 折腾笔记

featured-image

本文在折腾 Nexus 5x 的过程中记录下来的,都是我自己实践过的,如果你在使用过程有什么问题,欢迎留言讨论~~

ESLint 入门

在日常工作中,为了避免低级错误和规范代码格式,一般都会制定编码规范或者使用其他团队的编码规范。
一开始,我只是通过记住规范并尽量在编码过程中写出符合规范的代码。
后来,发现有 Lint 工具可以配合工作流工具(Gulp、Webpack 等)或者编辑器,在写代码的过程中,检查代码是否符合编码规范。

从 Let's Encrypt 获取 https 证书

自从 Let's Encrypt 开放签发证书服务,我就一直有在关注。
只不过一直没什么完整的时间,就没有为这博客添加 https 。
今天有空,就把这博客也加上 https,顺便记录下过程。

Hello World

featured-image

你好,世界。