背景 背景是有个需求要在一个任务页面在用户任务完成后展示一个 lottie 动画弹窗, 产品来配置弹窗的文案。那就需要动态修改 lottie json 文件中的文案了。 方案 先加载 json 文件, 替换 json 中的文案, 然后再使用loadAnimation加载 使用原始的 json 文件loadAnimation加载到 DOM 中后, 找到需要替换的文案所在的节点进行修改 使用 l

背景 上班摸鱼事件研究 koa 及其周边中间件的第一弹 - koa-router, 个人理解都写在注释中了, koa 及 koa-xx 源码突出一个短小精悍, 很适合进阶阅读。 源码解读 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565

背景 看了一段时间 canvas, 重拾当初学前端的那种热情, 👱 就是喜欢整点花里胡哨的。正好在掘金上看到不少 canvas 好文章，结合理论进行实战， 记录一下过程中的知识点。 1 需求分析 设计可配置项, 这里分为产品同学看得懂的配置项和技术上的配置项 所有配置项包括: 12345678910interface ScratchCardConfig { canvas: HTM

背景 本地文件夹未关联远程仓库, 在 github 新建仓库后,远程仓库也有文件 本地仓库关联远程仓库 git branch --set-upstream-to=origin/main master 会出现 解决流程 git remote add origin 远程仓库地址 git pull origin master --allow-unrelated-histories git bra

学啊…学不动也得学啊…         ---- 导语 Vue3 与 Typescript 2021-06-08updated 忘记啥时候写的笔记…之前存在本地, 现在 push 到博客上, 方便以后查阅黑历史 不定期更新 是否还需要 babel? 答案是需要的, tsc 只负责了转义语法, 没有对 Map,Set 等新增数据结构和 react 的 jsx 语法做实现, 所以还是需要 b

2022.10.01 更新: 时隔一年多在 webpack5 下的全新认知. 其实是忘得差不多重新学习了下 当然下面的知识并没有过时~ [[2022-09-30-study-webpack-day7#publicPath path contentBase in webpack5]] path vs. publicPath vs. contentBase output.path 绝对路径, 代表

如果不是真的菜 🐔, 谁又愿意当韭菜呢 docker 的基本概念 docker 和 k8 什么是镜像 image? 操作系统分为内核和用户空间。对于 Linux 而言，内核启动后，会挂载 root 文件系统为其提供用户空间支持。而 Docker 镜像（Image），就相当于是一个 root 文件系统。 Docker 镜像是一个特殊的文件系统，除了提供容器运行时所需的程序、库、资源、配

Chapter1 默认情况下, canvas 元素的背景色与其父元素的背景色一致. 默认 canvas 大小是 300*150, 坐标左上角(0,0), 向 x 轴正方向, y 轴负方向衍生(坐标是正的), canvas 存在两套尺寸, 一个是元素本身的大小, 一个是元素绘图区域的大小, 如果是修改 canvas 的属性 width/heigth, 则两者都发生改变,; 如果是修改 canv

内卷, 内卷害了所有人 2021-06-06 updated: 更多配置案例可以参考官方例子 对 webpack 的配置做个笔记,后续不定期补充, 也会补充的 webpack 源码的学习 mode mode 分为development,production,none, 不配置默认为production, 构建时抛出警告 ⚠️ performance webpack 会抛出必要的影响性能的警

背景 事情大概是这样, 做毕设需要用到图床, 于是用了七牛云图床, 然后发现可以自定义的加速域名, 于是就打算整个域名玩玩. 然后发现不能备案, 再然后 emmm 决定曲线救国给博客安个域名. 绑定域名 购买域名 我是在阿里云的万网上购买的,搜索自己喜欢的域名,点击结算. 如果是初次购买需要填写一下默认的个人信息模板,大概过半天阿里会审核完成,我这里已经审核完成通过了. 域名解析 买完