摘要：前言 由于工作需要，需要做一版在手机上查看的H5的广告页。广告页面基本都是一块内容占满一屏，然后上滑下滑就翻页，所以需要一个这样的翻页功能。 代码实现 废话不多说，直接上代码 /** * 一个放置多个满屏页面的容器，支持上下滑动 */ // ScrollBox.jsx import React, { 阅读全文

摘要：前言 基于前面自己手动搭建的React项目，我把项目分成了四种，一种什么都不带的空项目，一种带多级路由的空项目，一种带状态管理的空项目，一种带多级路由以及状态管理的空项目。这样的话每次用的时候根据需要去获取自己想要的模板，但是往往还要去github上去拷贝，感觉很不方便，所以就想到了要做一个自动生成 阅读全文

摘要：场景 昨天试了一下爬取根据网页查询参数的不同而变化的页面，今天来试试爬取单页面应用，url不发生变化，只是页面内的按钮点击导致数据的重新请求。 主要实现思路 利用Puppeteer可以模拟用户点击操作，等待接口返回等各种优秀的API，可以保证在数据结束后完成页面数据提取。 代码实现，以开源众包的页面 阅读全文

摘要：场景 很多长图大图需要裁剪成多张小图 用到的npm包 jimp，用于Node的图像处理库，完全使用JavaScript编写，零本地依赖项。 代码实现 const Jimp = require('jimp'); /** * url 目标图片，需要裁减的图片 * files 裁剪过后的文件路径，根据文件 阅读全文

摘要：Puppeteer简单介绍 Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行。 它的功能： 网页截图或者生成 PDF 爬取 SPA 或 SSR 网站 UI 自动化测试，模拟表单提交，键盘输入，点击等行为 捕获网站的时间 阅读全文