- 博客(50)
- 收藏
- 关注
RSS订阅原创 Minio 、TOS 和 OSS 的常用 npm 库
Minio：@aws-sdk/client-s3TOS：@volcengine/tos-sdkOSS：ali-oss
2026-04-02 20:30:36
43
原创 Vue3 setup 语法中的组件间常用通信方式
父组件及其兄弟组件接受数据，并进行相应的逻辑处理。发送更新后的 newUserInfo 数据。下面案例实现的功能：子组件。
2026-04-02 19:57:02
33
原创 一些实用的代码片段：部分取自一些框架的源码
将传入的多个对象的键值对合并到一个新对象，并将该对象返回。返回一个普通对象，包含自身及其原型链上的所有可迭代属性。tip：当遇到同名属性时，后一个会覆盖前一个的值。tip：原生 JS 中已经实现该 API。
2026-04-02 19:03:20
43
原创 Tailwindcss 常用知识点
宽度与父元素宽度相等宽度自适应，限制最大宽度多字段值在 css 中以 分隔的属性值在 类中使用 进行连接设置背景图片时，路径以 开头，表示项目根目录group & peergrouppeerFlex 布局设置 flex item 的显示顺序添加自定义样式https://www.tailwindcss.cn/docs/adding-custom-styles#using-css-and-layer插件： tw-merge插件作用：去除同样作用的优先级较低的
2026-04-02 18:33:31
29
原创 ant-design 常用代码片段
/ 作为 Select 组件的 className:global {important; `时间单位：${label}`}options={[{ label: '合计', value: 0 },{ label: '分日', value: 1 },{ label: '分周', value: 2 },{ label: '分月', value: 3 }]}/>
2024-10-03 20:10:04
1044
原创 tailwind css 常用的一些代码片段
设置本地图片为背景时，路径以。宽度自适应，限制最大宽度。开头，表示项目根目录。宽度与父元素宽度相等。
2024-10-03 19:57:33
520
原创 TS文件的自动编译运行和parcel自动打包构建
将 ts-node 和 nodemon 结合起来，实现监听 ts 文件内容变化后自动重新编译运行，使用 parcel 打包构建运行项目。
2024-03-30 17:20:58
540
1
原创 在 gitee 码云部署预览静态站点项目（国内站点）
个人实名认证需要上传身份证正反面和本人手持身份证正反面，提交验证后，需要等待。命令之后，等待上传完成，然后打开对应的。仓库，刷新页面，即可看到刚刚上传的代码。实名认证通过后，即可进行下面的操作。然后进入保存项目打包代码的。，登录帐号，创建新仓库。目录下，执行下面的命令。
2024-03-09 20:42:42
1999
2
原创 在 github 部署预览静态站点项目（国外站点）
然后等待项目打包成功，打包后的文件保存在项目根目录下的。可以看到每一个引入的静态资源路径前都被添加了配置的。命令之后，等待上传完成，然后打开对应的。仓库，刷新页面，即可看到刚刚上传的代码。进入项目目录下，执行下面的脚本。分支中，再次刷新公共部署的。页面网址，即可正常访问该项目。然后进入保存项目打包代码的。此时，将更新的代码推送到。，登录帐号，创建新仓库。目录下，执行下面的命令。保存完成之后，刷新页面。
2024-03-09 20:18:33
1326
原创 解决 vitepress 打包时，报 DOM 操作方法找不到的问题
TypeError: document.getElementsByTagName is not a function
2024-03-09 12:55:23
1070
原创 使用 VitePress@1.0.0-rc.36 编写组件库文档
vitepress的根目录是docs，其子目录public和脚手架项目中的public目录一样，都是共享资源目录，直接通过/xxx即可访问到public/xxx中的资源xxx。
2024-03-09 12:43:34
1320
原创 在项目中集成百度地图
在《Referer白名单》配置框中添加该项目的网址（一般为公司域名），只有白名单中的网址才能成功发起调用，输入 * 表示允许所有网址调用。点击页面顶部的《开发文档》选项，然后点击 《Web开发》>《JavaScript API》点击《开发指南》>《Hello World》，根据步骤开发第一个实例。点击《控制台》选项，申请成为开发者，然后再次进行《控制台》点击《应用管理》>《我的应用》，点击《创建应用》进行百度地图开发者平台，使用百度账号登录。最后点击《提交》按钮，创建应用。根据《开发指南》进行配置即可。
2024-03-07 16:29:00
1082
1
原创 获取设备的地理位置信息
（Geolocation API）允许用户向 web 应用程序提供他们的位置。出于隐私考虑，报告地理位置前会先请求用户许可。对象，通过这个对象可以访问到设备的位置信息。使网站或应用可以根据用户的位置提供个性化结果。只读属性返回一个 Geolocation。
2024-03-07 15:54:01
934
1
原创 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined
【代码】Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined。
2024-03-07 14:50:37
2806
2
原创 JavaScript 中的 this 指向和修改 this 指向的常用方法 - 个人总结版
JavaScript 中的 this 指向和修改 this 指向的常用方法
2024-03-07 12:58:03
1654
1
原创 nextTick 的使用及其实现原理（Vue3）
nextTick 就是将传入的回调函数作为 Promise.then 的实参，Promise.then 传入的实参函数是作为一个微任务去执行的，而微任务是在 DOM 操作完成之后，才被执行，执行的时候 DOM 操作已经完成，内存中的数据已经被修改，只是 DOM 还没有被更新到页面中，但是已经可以通过 js 获取到修改后的 DOM。当你在 Vue 中更改响应式状态时，最终的 DOM 更新并不是同步生效的，而是由 Vue 将它们缓存在一个队列中，直到下一个“tick”才一起执行。
2024-03-06 22:18:04
1727
3
原创 使用状态管理库 Pinia/Vuex 时的一些注意点
你使用 Pinia 来管理用户数据，初始用户数据为空，只有用户登录后，才会发送网络请求去获取对应的用户数据，获取成功后，将数据保存在 Pinia 中。之后，你刷新页面后发现页面中显示的用户数据全部重置为 Pinia 中设置的默认初始值了，查看。或者，为了保证数据不丢失，同时也为了保证每次刷新页面时，获取最新数据，可以在刷新页面时调用对应的网络请求函数，请求对应的数据。中，其实本质上，是将数据保存在内存中，一旦刷新页面，保存在内存中的数据就会丢失，中管理的数据，发现也是重置了。中的数据也会被重置。
2024-03-06 21:50:59
554
原创 Window 系统常用快捷键
（打开任务管理器并帮你强制关闭那些没有响应或者故障的应用程序，该被强制关闭的应用程序的数据会丢失）（按下组合键后，打开画图软件，使用ctrl+v将截取的全屏粘贴到画布中）：（分别代表从左到右的9个应用）从任务栏（窗口底部）中打开新应用。（win+alt要一直按着不动，使用tab键来切换应用）组合键，按下一次就关闭一个正在运行的程序的窗口，相当。：关于游戏栏的其他快捷操作详见系统设置中的游戏栏。：创建一个新的干净的桌面（虚拟桌面）：实现虚拟桌面之间的切换。来实现应用之间的切换）：关闭当前（虚拟）桌面。
2024-03-06 21:02:23
1464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人