程序与浪漫

背景 大概是4月那样子，深入了解GPT、Midjourney这些AI"新事物"，然后决定得躬身入局，真正去使用，去感受。使用了midjourney（后续用MJ来代替），画出来的图效果真的很惊艳，但是使用的过程其实问题还是比较多。 1、MJ需要梯子，使用在disco...

背景 最近我尝试了一下使用chatGPT进行交互，但是由于openAi加强了防作弊措施，页面会频繁刷新，导致整体的交互体验非常糟糕。因此，我开始寻找如何搭建自己的chatGPT网页版，来让交互更加顺畅。没有编程经验的同学也可以尝试哦！ 前提准备 open AI 请求的KEY vercel账号（免费注...

背景 ​ 作为一名程序员，我自然想要增加自己的被动收入。最近，我的一个同事告诉我他开了一个网站，每天的访问量达到了3千，每个月还有几百美元的广告收入。这促使我开始思考很多事情。 打工本质上就是用自己的时间来换取金钱，尽管在工作中我们也会不断学习新的技能。但最基本的原则仍然是时间等价于金...

背景 近来，ChatGPT越来越受欢迎，给我带来了新的灵感。我计划在公司内部分享一下前端数据保护的相关内容。我正在寻找一些支持我的分享素材。其中有拼汐汐的anti-content的逆向破解！ PS：全部内容均只作研究所用，如有侵权，请联系我进行删除 目标网站：aHR0cHM6Ly93d...

背景 ​ 最近某游戏的万宝楼上线了外观交易的功能， 但是外观交易由于时间性的问题，就会产生差价，一些忘记改价格的外观就变得很多人抢。抢外观和抢号的逻辑差不多，所以就想整个脚本试试能不能快速完成交易。抢外观有点像倒计时秒杀的功能， 但是没有秒杀的竞争力度，不过多了一层验证码的校验。所以有时...

抽象语法树 抽象语法树AST是什么？看维基百科中的说明 在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。之所以说语法是...

前言 可能大家对svelte这个框还比较陌生，甚至名字都没有听说过。先带大家看下官方的说法 Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的...

前言 这几年随着爬虫与反爬的对抗强提升，web端的js被加强了防护。想对js解密也没有以前那么简单，控制台打开，参数一看就可以开始请求接口。 所以对爬虫也有一定的技术要求。这里将整理js逆向的一些方法论和技术。 总览 自己的一些观点： 对于web端的反爬只要抓住请求是最后的“出口“就能顺着...

前言 笔者是做前端开发工作的，对Js、Nodejs比较熟悉。对其他技术不熟悉但是非常愿意接触，前端构建的工具链中也逐步有其他语言的接入，比如esbuild（GO语言）, swc（RUST）。率性就学习下GO语言，拓展自己的技术宽度。 GO 语言 相信大家网上随便搜一下都能找到介绍GO语言的，...

前言 当前分析的Rollup版本：2.63.0 经过Rollup源码分析（一）、（二）篇幅的学习，大家对 Rollup 基础都有一定的了解。是否对 Rollup 插件想要更深入的了解呢？比如一个插件究竟怎么写出来的，一个插件的编写思路是怎样的。今天就让我带大家来学习一下，如何编写一个 Rollup 插件。 常用插件功能 对 Rol...

前言 当前分析的Rollup版本：2.63.0 对于js的打包，在面对不同的业务场景时候，是需要不同的打包”姿势“。那怎么使用不同姿势呢？webpack有loader、plugin在打包的过程中处理各种各样的场景。Rollup说：我万变不离其宗，插件就能够做到相同的效果。今天这篇文章...

前言 当前分析的Rollup版本：2.63.0 打包工具作为前端最基础的工具之一，想必大家或多或少都会对其实现原理感兴趣。但是由于网上的资料参差不齐，学习起来非常困难，容易劝退。 笔者想要通过web打包工具分析系列文章，揭秘web前端打包工具的实现原理，降低大家学习框架源码的门槛。 Ro...

前言 之前有尝试过破解极验的w值，其中有涉及到反混淆、加解密等知识，一步一步的得到最后的结果非常的有意思。最近有幸了解到《猿人学-爬虫刷题平台》网站，有许多有趣的js逆向题目。以下就是js逆向之旅（刷题之旅）。 js 混淆 - 源码乱码 环境 操作系统: mac 语言: node 编辑器：vscode 题目地址：h...

前言 最近工作中会遇到这样的一个问题，当有个依赖包更新，或者某些配置需要更新的时候，需要在目前处理的所有系统中一起更新，这样的工作量其实是挺繁琐的。（多个系统配置几乎一致）。所以就想着能够有方法统一这个构建环境，包依赖和webpack配置能够统一处理。 实践过程 第一步：#抽取公共配置...

场景 针对pushState操作完，浏览器后退，以及页面返回时历史页面的处理。 需要了解的知识点 PopStateEvent 浏览器后退事件 History.pushState() HashChangeEvent History 前端路由hash history 处理方法 Page A 在跳转Page B前需要保存信息到url中，处理完后返回A，需要将其信息保留下来。 我们处理的方式是，在跳转B前会通过History.pus...