前端on9仔

本文通过前端技术 Puppeteer 来实现自动化操作，Canvas API 实现简单的图像识别，计算滑块需要滑动距离，实现一个高效且识别概率很高的破解方案。...

建议使用 ref() 作为声明响应式状态的主要 API;用Rel干掉Reactive,一起愉快coding吧! 全宇宙最懂vue的作者都这么推荐了!使用rel!!!!...

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行...

前言 最近研究Vue3中reactive实现的源码中发现，通过proxy代理后，触发getter时，返回的是Reflect.get(target, key, receive...

最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论.......

前言 最近开发了一个新项目，一期的时候用的是React，结果二期大改需要用到Vue的keepalive功能，一期的内容只存在于项目二期一个页面中的一部分。 由于项目不太复杂...

面试官：说说 reactive 和 ref 的区别，这个问题如果你不知道该怎么回答，点进来我们一探究竟...

前言 最近用Vue3开发遇到一个场景，点击按钮以外区域时，触发对应事件。 在Vue2中比较普遍的方法是封装自定义指令来实现，不过既然用Vue3了，就尝试一下它的新特性，用h...

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？...

Claude 是Anthropic公司开发的AI聊天机器人，与ChatGPT类似，由OpenAI前副总裁创办。和虽然比不上GPT4，但在连续对话能力、写小说、编写代码、解释...

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（N...

一直都没有去接触 Vue3，现在暑假时间，就趁这个机会去好好的学习一下，这篇文章就是我之前学习 Vue3 做的笔记，做笔记一方面让自己更加理解和掌握知识点，一方面分享给大家...

前言 在Windows中，我们可以在文件夹中的路径框中输入cmd就可以打开终端进入到当前目录。 可是在Mac中你需要在上一层目录，右键你的目标文件夹，点击‘新建位于文件夹位...

计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾...

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间...

一. 概述 实验室每次项目发布测试时，都要手动本地打包好了然后上传到服务器，替换原来nginx下面的目录文件，十分麻烦和繁琐。这次就来优化一下，通过Dockerfile +...

前言 在上一篇笔记中，我记录了用rem实现的自适应的需求。当实现了自适应后，发现了在窗口缩成小窗口时，用横向滚动条的时候，页面的头部因为用了绝对定位position:fix...

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！...