如何在仓库中添加只对自己生效的.gitignore规则?

2024-12-24
阅读 1 分钟
568
当你想在仓库中添加一个文件,但又不想将其提交到远程仓库,常规的做法可能是将这个文件名添加到.gitignore中,但这个添加操作还是需要提交到远程仓库,有点多余。

如何在本次解决发起merge request的冲突?

2024-12-20
阅读 1 分钟
641
当前在网页上发起merge request期望将feature/xxx合并进origin/release/xxx(远程分支),但是提示有冲突,然而在网页上解决冲突,没有语法高亮和eslint的完备支持,可能会有疏漏,所以想在本地开发工具上解决冲突。

微信小程序scroll-view中,最后一个元素右边距无效的问题

2024-12-19
阅读 2 分钟
562
问题描述 {代码...} {代码...} 最后一个item元素明明有margin-right,但就是无法继续往左滑了解决方案添加一个占位元素放在最右边,并且使其尽可能的不可见(width:0 height:0 无效,还是会占有位置) {代码...} {代码...} tips你可能想将placeholder换成伪元素,但我验证下来的结果是伪元素无效,它没有实际的占取位置。

如何修改git commit message?

2024-12-09
阅读 1 分钟
769
1 找到目标commit message的前一个commitId2 执行git rebase -i commitId进入rebase界面3 将目标commit message前面的pick修改为reword4 保存并退出,会自动进入修改界面5 修改commit message6 保存并退出

工作中的最佳实践记录

2024-12-09
阅读 2 分钟
367
在下面的代码中,我们的目的是判断草稿中的邀请人和当前邀请人是否为同一个人,但这里存在潜在的问题,如果draftInviterUserId和inviterUserId的值并非是我们期望的值,而是undefined、null或空字符串,那这个条件也会成立,但结果将会带来bug。

git cherry-pick的用法记录

2024-12-07
阅读 1 分钟
1.3k
cherry-pick命令后面的commitId是采用目标分支上的前一个commitId还是对应的?选择对应的那个commitId,而不是前一条。

git分支开发策略

2024-11-18
阅读 1 分钟
1.4k
现在收到新增需求,需要添加一个feature/add-topic-tab分支,该分支部分依赖feature/add-theme-tab中的内容。

css文字溢出省略不生效的场景记录

2024-11-09
阅读 4 分钟
261
场景1:行内元素不生效 {代码...} 将span改成div,就生效了 {代码...} 这是由于满足文字省略需要元素自身有宽度,但是行内元素没有宽度。我们将span修改为inline-block,然后加上宽度也可以解决,div元素的宽度是100%,也就是容器的宽度,所以它也就能生效。 {代码...} 场景2:flex元素上使用文字省略会失效 {代码...} ...

最好的svg使用方案(个人觉得)

2024-11-09
阅读 1 分钟
304
找了好几个常见的插件,比如vite-plugin-svg-icons、vite-plugin-svg-loader、unplugin-icons、iconify,感觉都不太好用,这些插件使用前都要在vite先中指定目录,要不就是需要提前配置要使用的图标,都不太好用。最后发现vite-svg-loader,感觉完美,记录分享下。

分享一个列表页和详情页数据同步的方案

2024-11-08
阅读 1 分钟
216
这时候,如果返回列表页,刚才详情点赞、收藏等等的操作数据需要同步到列表页中。一般的处理方式是重新拉取列表页数据。这样当然也没什么问题,但我们可以改进一下,我们看看改进方案

如何修改被添加到git中的文件,但是又不想将修改提交?

2024-11-08
阅读 1 分钟
1.6k
例如多人工程中,.vscode/settings.json被管理者提交到了git中,但是我本地又有自己想修改的配置,如果直接修改git就会检测到,然后不小心就commit了。

如何获取视频地址的某一帧?

2024-11-08
阅读 3 分钟
358
场景需要用视频的某一帧作为预览图思路创建video对象,加载视频元数据,然后用canvas绘制video的画面。实现细节1 创建video对象,加载元数据,然后监听必要事件 {代码...} 2 创建canvas对象,然后绘制video画面 {代码...} 3 绘制操作是异步的,修改函数返回promise {代码...} 4 调用 {代码...} 5 验证结果注意事项如果你...

菜单元素溢出时,自动滚动到可视区域

2024-11-03
阅读 3 分钟
460
获取当前点击元素的offsetLeft,然后将offsetLeft设置为容器的scrollLeft。虽然这样可以使当前点击元素处于可视区域,但是会导致无法点击前一个元素。解决办法是用offsetLeft减去容器宽度的一半,这样可以让当前点击元素展示在容器中间,问题就解决了。

startViewTransition的简单示例

2024-10-30
阅读 6 分钟
6.6k
startViewTransition的默认效果是对新旧视图进行fade-in和fade-out动画过渡,也就是opacity的0和1过渡。

使用yarn的workspace功能搭建mono-repo

2024-10-03
阅读 2 分钟
466
name后面会用来作为子包的前缀private是workspace的固定要求workspaces用来告诉yarn哪些是子包,这里的通配符属于简写,让yarn自动识别子包

给线条类型的svg图标加上绘制的动画效果

2024-10-02
阅读 3 分钟
552
效果展示步骤分解1 确认svg文件有路径数据2 获取path的长度3 定义绘制线条的长度4 定义关键帧动画5 应用关键帧动画实操1 确认svg文件有路径数据path标签里面的d属性,就是路径数据 {代码...} 2 获取path的长度调用SVGPathElement上的getTotalLength方法,获取线条的长度 {代码...} 3 定义绘制线条的长度把从getTotalLeng...

clip-path

2024-09-28
阅读 2 分钟
445
接受5个参数clip-path: inset(top right bottom left round border-radius);如果你需要设置形状的圆角,就必须在前面写上round,用来表示接下来的值是圆角值,也就是说round border-radius是可选值

tsconfig.json学习

2024-09-26
阅读 7 分钟
679
extends作用:指定需要继承的tsconfig.json配置文件,可以是npm包也可以是本地文件示例: {代码...} references作用:让一个仓库中的多个关联的子应用能够联动编译示例: {代码...} {代码...} {代码...} {代码...} frontend和api都依赖了common,通过在references中指定common,当修改了common的代码后,就会触发所有依...

chrome插件实现监听ajax请求,然后修改请求参数

2024-09-16
阅读 2 分钟
875
1 修改manifast.jsonmanifest_version必须为3,因为这个declarativeNetRequest是3中新增的api

使用notarytool手动对dmg进行公正

2024-09-11
阅读 1 分钟
477
notarytool-password和邮箱需要用双引号包起来notarytool-password在这里只是一个标识作用,随便起--apple-id为你的苹果开发者账号--team-id为证书别名,告诉公正工具去系统中找哪个证书--password为苹果专用密码,需要去苹果账号中心创建

用科学方法来解决复杂问题

2024-09-11
阅读 1 分钟
332
有时候问题会复杂到让你摸不着头脑,然后忘记该如何解决,最后只得放弃。把当前的状况写下来当问题没有那么复杂时,最好的方法就是把它写下来,往往就在你写下来的时候,解决的方法就复现出来了。当前的进展已经得到的信息还需要获得的信息,以及如何获得这些信息解决复杂问题的步骤问题是什么(问题要发散,视角要宽,...

electron中采用配置文件,打包后路径变化的问题

2024-09-10
阅读 1 分钟
584
问题:我们有如下代码,表示在当前目录下有一个json配置文件 {代码...} 在本地开发时,确实能正常工作,但是打包后,包的文件结构会发生变化,上面的路径其实已经不存在了,所以会导致打包后配置读取失败解决方案:使用electron的app.isPackaged区分是否为打包状态,然后使用不同的路径获取方式 {代码...}

vue3的生命周期

2024-09-09
阅读 2 分钟
432
onBeforeMountdom未挂载,可以做一些不依赖dom的初始化操作示例场景:1 关键配置数据加载需要在渲染之前能够访问到这些配置数据 {代码...} 2 权限验证在某些情况下,你可能需要在组件渲染之前验证用户权限 {代码...} onMounteddom已经挂载,可以做一些依赖dom的操作,比如用访问dom示例场景:1 操作dom {代码...} 2 发起...

nodejs请求管理员权限执行多个批处理

2024-09-08
阅读 1 分钟
413
{代码...} {代码...} {代码...} {代码...} 在批处理执行中索取管理员权限 {代码...} @echo和echo的区别不加@:显示命令和结果echo "hello" 输出为:echo "hello" hello加@:只显示结果,隐藏命令@echo "hello" 输出为:hello

异常处理策略

2024-09-08
阅读 3 分钟
452
在前面的基础上添加业务逻辑,虽然没有崩溃,但是我们会发现,在getLogo已经失败的情况下,还是执行了copyLogoToDist,这显然是不合理的,我们的做法简单来说只是把异常吞掉了,这会导致后续逻辑在错误状态下继续执行,可能引发更严重的问题

nodejs中路径相关api

2024-09-08
阅读 2 分钟
383
path.join将多个字符串参数拼接在一起 {代码...} path.resolve在path.join的基础上,返回绝对路径 {代码...} path.parse把一个字符串当成一个路径来解析 {代码...} path.dirname返回路径字符串的目录 {代码...} __dirname当前文件所在的目录 {代码...} process.execPathnodejs可执行文件的路径 {代码...}

常用的工具函数

2024-09-02
阅读 1 分钟
308
创建一个延迟指定时间的 Promise {代码...} 测量传入函数的执行时间 {代码...}

uniapp中ios打包记录

2024-09-01
阅读 1 分钟
466
名词.certSigningRequest证书请求文件来源:通过mac系统重的“钥匙串访问”工具生成用途:申请开发和发布证书的时候需要上传这个文件,此文件不区分开发和发布.cer证书来源:通过上传.certSigningRequest证书请求文件获得用途:用来导出.p12证书,此文件开发证书(development)和发布证书(distribution)之分.p12共享证...

如何在windows中我的电脑下添加一个程序启动入口

2024-08-21
阅读 5 分钟
1.8k
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace

flex布局中flex-basis属性

2024-08-17
阅读 1 分钟
655
该属性的取值数值、百分比autocontent数值、百分比指定数值、百分比,该元素的宽度为指定宽度flex-basis: 200px;flex-basis: 50%;auto指定auto,该元素的宽度为自身的width属性宽度,如果没有设置width,则为内容撑开的宽度flex-basis: auto;content指定content,该元素的宽度为内容撑开的宽度,它和auto不一样,auto会...