240 发简信
IP属地:广东
  • Resize,w 360,h 240
    Github Action 部署项目到服务器

    前言 本教程主要介绍通过 Github Action 自动化部署前端项目,这里就不阐述什么是 Github Action,要了解的朋友可以参考G...

  • Resize,w 360,h 240
    如何实现一个简易版vite

    相信点进来看文章的都对vite有一定的了解,下面我们一起来实现一个简易版vite,来加深我们对vite的理解!(PS:建议 clone 项目下来...

  • 从实际项目去优化前端性能

    前言 前端性能优化有多重要?试想如果一个网页要5秒才打开,你会等吗?提高前端性能才能保证用户体验和留存率。该篇文章会从项目的代码、打包、http...

  • 关于HOC、RenderProps、Hooks和使用场景

    本文会用实际列子对三者进行比较 1. HOC 定义:高阶组件是接收一个组件为参数,返回新组件的组件。 优点:提取公共逻辑,降低耦合度。 例子: ...

  • puppeteer与滑动验证2.0

    前言 不知不觉距离上次研究已经快三年利用puppeteer破解极验的滑动验证[https://github.com/pureZjr/puppet...

  • dom-to-image原理

    背景 最近接到需求要做海报,UI给一张背景图然后内容自己填充最后生成一张图片。刚开始做没多想就拿canvas画,一些简单的还好,能够hold的住...

  • SPA前端路由原理

    单页应用 SPA(single-page application) 维基百科:是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互...

个人介绍
阅读新知识,开 “卷” 真有益!
https://github.com/pureZjr