logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【前端甜点】某视频网站的m4s视频/音频下载方案(20240420)

从20年到上个月为止,it just works well。但20240420开始,不知道是Chrome浏览器升级还是什么原因,二进制数据包装的Blob对象转化为a标签后域名变成了,无法方便地下载m4s了,于是这个脚本不能用了。这个原因我一直都没找到。好在我很快又摸索出了一个稍微麻烦点的路子:先在浏览器控制台运行JS代码,获取base64字符串,然后在本地用python把它转为mp3。在上述古老的

文章图片
#前端#音视频#python
UI schema入门demo:应对业务需求变化的强力武器

我们考虑以下场景:在一个需求中,对于两种不同角色的用户,需要展示的UI骨架大同小异(比如:只有具体的字段不同),但逻辑有所不同。对于两个开发时间线大致相同的不同需求,需要展示的UI骨架大同小异,但逻辑有所不同。希望跨需求完成UI复用。项目希望从Vue迁移到React,UI从用户视角来看不能发生变化,但想必描述UI的代码会有很多差异。对于前2个问题,你会怎么实现呢?放弃复用,直接复制粘贴UI代码到两

文章图片
#前端#typescript#vue.js
【Chrome插件开发】某视频网站的m4s视频/音频下载方案,及其Chrome插件实现-v250415

该Chrome插件可从某视频网站下载m4s文件。实现右键菜单触发弹窗、URL列表展示、文件Base64及文件下载功能。技术难点:用Babel解析JS代码、用transformIndexHtml钩子实现每次刷新都注入随机JS代码、改造Vite + React模板使其能打包生成Chrome插件、通过解析script标签获取m4s URL、用fetch API动态更新获取的URL、多行文本省略的技术选型

文章图片
#chrome#前端#react.js +1
vue封装轮播图组件

前言:心血来潮想做个最简单的轮播图组件练练手。思路框架很简单,首先实现一个demo,再寻找该demo所有的可动态化的量。文件夹结构第一个难点是轮播图的css。我们采用这样的html<div class="carousel"><div class="photo"><img v-for="idx in img_num" :src="`./img/${idx}.png`"

#vue.js#css3#es6
到底了