- 博客(25)
- 收藏
- 关注
RSS订阅原创 AI Coding 协作实践方案
任何任务开始前，先把输入补齐。GoalContextDone when这一步的作用非常简单，就是减少 AI 自己脑补。Codex 官方把这四段结构明确当成默认输入方式。如果人自己都讲不清楚要改什么，就不要期待 AI 能稳定地改对。
2026-07-02 20:35:16
396
原创 埋点原理与阿里云SLS说明
埋点可以理解为一条完整的数据链路：前端在用户点击、页面访问、资源加载失败、JS 报错等时机生成一条事件数据，然后通过公司封装的埋点 SDK 上报到阿里云 SLS 日志服务，后续再通过 SLS 控制台进行查询、统计、看板和告警。更偏业务：它把pointIdrouter这类业务标识映射成标准埋点元数据，比如模块、页面、事件名称、事件类型。更偏基础设施：它负责初始化 SLS Tracker、生成访客 ID、补充公共字段、构造日志结构，并把日志发送到阿里云 SLS。
2026-06-30 14:27:32
317
原创 umi项目构建优化
从上面的数据可以看到，umi在有缓存的情况是比rspack要快的，rspack也有缓存构建但是官方承认不成熟，不建议开启，我的建议是最终产物的构建还是使用umi。由于umi的构建实际上内核是使用webpack，随着时代的进步，后面出了性能更优的构建工具，如vite和rspack（据说比vite快）等。rspack的构建对模块的使用规范更加严格，例如导入一个没有进行export的变量，umi不会进行检查，但是rspack会进行检查。建议锁定这两个包的版本，防止未来因为npm包的升级导致构建出错。
2026-06-29 16:19:03
210
原创 如何将钉钉微应用在浏览器打开
"浏览器打开"是 XXX 系统的一个功能按钮，点击后会将当前页面从钉钉桌面客户端内跳转到系统默认浏览器中打开。该功能解决了钉钉内置浏览器在某些场景下的兼容性问题，让用户可以使用完整功能的系统浏览器访问 XXX 系统。是钉钉桌面客户端的URL Scheme组成部分说明钉钉自定义协议头（类似http://https://钉钉内页面链接路由路径目标网页 URL（需 URL 编码）PC 端控制参数，false= 在系统默认浏览器打开；true= 在钉钉窗口内以侧边栏打开pc_slide：启动系统默认浏览器。
2026-06-04 09:41:31
681
原创 旋转的错觉
像这种旋转动画怎么实现呢？经过上面两步会发现图片旋转是实现了，是会有白边。这是因为图片太小，在旋转过程中不够铺满外层容器，处理方法就是放大图片就行喽。
2025-01-26 20:21:44
399
原创 微前端笔记
微前端是一种多个团队独立发布功能的方式来构建现代化Web应用的技术手段和策略。微前端指的是存在于浏览器的微服务。每个微前端都拥有独立的git仓库、package.json和构建工具配置。因此每个微前端工程都能独立部署。对比后端的微服务，两者的共同点是：都可以独立构建和部署。将DOM视为微前端使用的共享资源。一个微前端里的DOM不能被其他微前端所触及，类似一个微服务的数据库不应该被其他微服务触及一样。
2025-01-20 15:33:56
1018
原创 3xx重定向
响应状态码301、308表示永久重定向；302、303、307表示临时重定向。状态码301、302由于历史原因在一些比较早的用户代理可能会引发请求方法的变更；状态码307、308在重定向过程不会转变请求方法；状态码303始终引致请求使用GET。
2025-01-20 15:32:37
954
原创 Git--合并多次commit
若需要修改提交信息，可将上面的三次提交信息删除再添加。再 push 远程仓库合并（若之前的。进入末行模式，会出现下面的交互界面。此时远程仓库的记录就只有一条记录了。了，但发现有个注释写错了，或者有个。，这样的话分支记录干净整洁，只要。到暂存区，修改后再提交一个新的。最后，查看分支记录就变的整洁了。每次修改时，先回退上一次的。信息，再退出编辑模式即可。没去掉，这时再新增一个。
2025-01-07 15:38:27
2320
原创 TS-入门
在JavaScript中的内置对象：String、Number、Boolean，它们用于创建对应的**包装对象，**日常开发中不常用到，在TS也是。装饰器可以组合使用，执行顺序为：先【由上到下】的执行所有装饰器工厂，依次获取装饰器，再【从下到上】执行所有装饰器。泛型允许在定义函数、类、接口时，使用类型参数来表示未指定的类型，这些参数在具体使用时，才会被指定具体的类型。在编译时，会将枚举的成员变量替换成实际的值，而不是生成额外的枚举对象。装饰器的本质是特殊的函数，可以对类、属性、方法、参数进行扩展。
2025-01-07 15:28:04
1652
原创 CSS预处理器-SASS学习
css预处理器的本质是一种工具或语言，用于增强和扩展CSS的功能。它们允许开发者使用类似于编程语言的语法来编写样式表，然后编译成标准的CSS。
2024-12-25 17:53:33
877
原创 CSS实现复杂的按钮
控制背景图像的尺寸(不然下一层的背景图像会遮住上一层的背景图像)，为了方便理解,我们设置。创建一个由渐变组成的图像，渐变的颜色围绕一个中心点旋转（而不是从中心辐射）进行过渡。那如果将圆心调整到左上角，并把 0 度到 270 度的区域设置成透明色会是啥样的呢？设置背景图片的位置，便可以实现想要的效果(设置了四种颜色是为了更清晰看出原理)。可以通过控制渐变的起始角度以及圆心来生成不一样的背景。其实也就是在有渐变背景颜色的矩形按钮的基础上，使用。转换的元素，子元素也会跟着变形。伪元素，就不会影响按钮内的文字了。
2024-12-25 17:45:31
880
原创 怎么去除CkEditor里的小红旗
注意：样式文件只能存储在静态资源的目录下，若存在其他位置在加载时会有问题，样式文件置于public中，在打包父模块时会自动打入到dist中。若使用相对路径，加载的css资源返回为空，导致样式不生效。原因是响应头的Content-type被自动设置为了。用于为编辑器内容应用样式的CSS文件（如果有多个文件，请列出所有文件）。中的路径是正确的，路径应相对于网站根目录。比如将 word 文档中的内容复制到。中会出现🚩，如何删除？在控制台手动将其设置为。实例，发现对象中有一个。问题是，在哪里设置？
2024-12-19 17:06:19
732
原创 正则学习ing
d：匹配任何数字字符[0-9]\D：匹配任何除数字的字符[^0-9]\w：匹配任何数字、字母、下划线字符\W：匹配任何除数字、字母、下划线的字符\s：匹配任何空白字符，包括空格、换行符、制表符\S：匹配任何非空白字符。
2024-12-19 16:58:40
837
原创 客户端和服务器的时间差
但是如果你修改了客户端的时区，比如这样。就会发现，已在场时间为变化不定（如下图）。当工作人员开始工作后，希望界面能够实时显示他已在场的时间，像这样。其实也挺简单的，让后端在查询接口中返回服务器的当前时间（如下图），这是因为服务器和客户端的时区不一致导致的。按理说前端通过接口拿到工作人员的入场时间，根据。得出初始入场时间，再。表示服务器当前时间，
2024-12-13 15:03:57
1025
原创 MutationObserver应用
可以用来监视DOM任何变化，比如属性变动、节点变化、文本内容变化等。从概念上接近于事件，区别是：事件是同步触发的；是异步触发的，DOM的变化不会立马触发而是等到所有的DOM操作都结束之后，这样是为了应变DOM变化频繁的特点。有以下特点：它会等待所有的脚本执行完后再执行（异步触发方式）它把DOM变化记录封装成一个数组进行处理，而不是单一处理DOM变化它可以观察DOM的所有类型变化，也可以指定观察某一类型。
2024-12-13 14:46:07
493
原创 都知道的水平垂直居中方式
面试: 你知道的水平垂直居中方式总结常用的水平、垂直居中方式(若没有特殊说明，均以div为例，为方便看到效果，自定义添加样式)方式一：给元素设置绝对定位(假设div宽100px高100px)div{ width: 100px; //自定义宽 height: 100px; //自定义高 background-color: chartreuse; //自定义背景颜色 position:absolute; left: 50%; top: 50%; margin-lef
2020-08-19 16:26:53
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人