前端簸箕版

背景 某天，闲着没事干，打算对之前写过的一个C端优惠弹窗的代码进行重构，之前写的时候思考不成熟，虽然能用，但从代码角度和前期设计角度来说是有很大缺陷，也不方便维护，具体UI如下 核心交互流程：点击底部

本文目的主要是想记录下webp图像的兼容性判断 生成1px的正方形透明的webp图片 该步骤目的是为了获取一个1px x 1px的透明webp图片链接 最后能得到一个base64链接：data:ima

背景 用 Monaco Editor 实现差异对比工具，理由是他是微软开源的，功能强大，并且他是为 VS Code 提供动力的代码编辑器。 演练场：Monaco Editor Playground 代

背景 开发过程中，遇到了一个js循环依赖的情况，由于在debug过程中，没有特别关注到引用的逻辑问题，导致该问题花了点时间才发现，故此写文章记录下 如图所示 案例 文件结构 a.js b.js 执行

文章简单记录下，小程序自定义tabbar结构设计优化，导致的多页面代码变更的问题，和解决思维的变化 背景 全局layout组件有个error-page样式会覆盖住自定义tabbar，需要解决 自定义t

代码中的，单一原则经常遇到，但是都没怎么好好记录过，这次刚好又遇到了，顺便写下，案例比较简单 背景 小程序有个菜单页面和首页（都是tabbar页面），产品希望可以根据首页的图片的跳转链接，让他跳转到菜

diff、diff-match-path、vue-pdf简单实现字符级的差异对比组件，vue版，，，，

前言 本来一开始项目中只有一个地方用到了大文件上传，且时间紧急，没有直接封装这个组件，但我又接了一个新需求，这个需求也要求大文件上传，所以就顺手封装了下这个大文件上传的组件 注意: 本文章介绍的为单个

背景 某一天早上，主管说今天能不能搞下大文件上传，紧急支持一下 我心想，哇趣，根本没做过呀，虽然文章很多是了，但没法子拒绝，那天就只有我1个前端在公司上班，于是只能硬着头皮上了，后来发现，这个大文件上