- 博客(40)
- 收藏
- 关注
RSS订阅原创 TS文件的自动编译运行和parcel自动打包构建
将 ts-node 和 nodemon 结合起来，实现监听 ts 文件内容变化后自动重新编译运行，使用 parcel 打包构建运行项目。
2024-03-30 17:20:58
247
1
原创 在 gitee 码云部署预览静态站点项目（国内站点）
个人实名认证需要上传身份证正反面和本人手持身份证正反面，提交验证后，需要等待。命令之后，等待上传完成，然后打开对应的。仓库，刷新页面，即可看到刚刚上传的代码。实名认证通过后，即可进行下面的操作。然后进入保存项目打包代码的。，登录帐号，创建新仓库。目录下，执行下面的命令。
2024-03-09 20:42:42
662
原创 在 github 部署预览静态站点项目（国外站点）
然后等待项目打包成功，打包后的文件保存在项目根目录下的。可以看到每一个引入的静态资源路径前都被添加了配置的。命令之后，等待上传完成，然后打开对应的。仓库，刷新页面，即可看到刚刚上传的代码。进入项目目录下，执行下面的脚本。分支中，再次刷新公共部署的。页面网址，即可正常访问该项目。然后进入保存项目打包代码的。此时，将更新的代码推送到。，登录帐号，创建新仓库。目录下，执行下面的命令。保存完成之后，刷新页面。
2024-03-09 20:18:33
965
原创 解决 vitepress 打包时，报 DOM 操作方法找不到的问题
TypeError: document.getElementsByTagName is not a function
2024-03-09 12:55:23
510
原创 使用 VitePress@1.0.0-rc.36 编写组件库文档
vitepress的根目录是docs，其子目录public和脚手架项目中的public目录一样，都是共享资源目录，直接通过/xxx即可访问到public/xxx中的资源xxx。
2024-03-09 12:43:34
968
原创 在项目中集成百度地图
在《Referer白名单》配置框中添加该项目的网址（一般为公司域名），只有白名单中的网址才能成功发起调用，输入 * 表示允许所有网址调用。点击页面顶部的《开发文档》选项，然后点击 《Web开发》>《JavaScript API》点击《开发指南》>《Hello World》，根据步骤开发第一个实例。点击《控制台》选项，申请成为开发者，然后再次进行《控制台》点击《应用管理》>《我的应用》，点击《创建应用》进行百度地图开发者平台，使用百度账号登录。最后点击《提交》按钮，创建应用。根据《开发指南》进行配置即可。
2024-03-07 16:29:00
533
1
原创 获取设备的地理位置信息
（Geolocation API）允许用户向 web 应用程序提供他们的位置。出于隐私考虑，报告地理位置前会先请求用户许可。对象，通过这个对象可以访问到设备的位置信息。使网站或应用可以根据用户的位置提供个性化结果。只读属性返回一个 Geolocation。
2024-03-07 15:54:01
411
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
2058
1
原创 JavaScript 中的 this 指向和修改 this 指向的常用方法 - 个人总结版
JavaScript 中的 this 指向和修改 this 指向的常用方法
2024-03-07 12:58:03
1407
1
原创 nextTick 的使用及其实现原理（Vue3）
nextTick 就是将传入的回调函数作为 Promise.then 的实参，Promise.then 传入的实参函数是作为一个微任务去执行的，而微任务是在 DOM 操作完成之后，才被执行，执行的时候 DOM 操作已经完成，内存中的数据已经被修改，只是 DOM 还没有被更新到页面中，但是已经可以通过 js 获取到修改后的 DOM。当你在 Vue 中更改响应式状态时，最终的 DOM 更新并不是同步生效的，而是由 Vue 将它们缓存在一个队列中，直到下一个“tick”才一起执行。
2024-03-06 22:18:04
1286
原创 使用状态管理库 Pinia/Vuex 时的一些注意点
你使用 Pinia 来管理用户数据，初始用户数据为空，只有用户登录后，才会发送网络请求去获取对应的用户数据，获取成功后，将数据保存在 Pinia 中。之后，你刷新页面后发现页面中显示的用户数据全部重置为 Pinia 中设置的默认初始值了，查看。或者，为了保证数据不丢失，同时也为了保证每次刷新页面时，获取最新数据，可以在刷新页面时调用对应的网络请求函数，请求对应的数据。中，其实本质上，是将数据保存在内存中，一旦刷新页面，保存在内存中的数据就会丢失，中管理的数据，发现也是重置了。中的数据也会被重置。
2024-03-06 21:50:59
372
原创 Window 系统常用快捷键
（打开任务管理器并帮你强制关闭那些没有响应或者故障的应用程序，该被强制关闭的应用程序的数据会丢失）（按下组合键后，打开画图软件，使用ctrl+v将截取的全屏粘贴到画布中）：（分别代表从左到右的9个应用）从任务栏（窗口底部）中打开新应用。（win+alt要一直按着不动，使用tab键来切换应用）组合键，按下一次就关闭一个正在运行的程序的窗口，相当。：关于游戏栏的其他快捷操作详见系统设置中的游戏栏。：创建一个新的干净的桌面（虚拟桌面）：实现虚拟桌面之间的切换。来实现应用之间的切换）：关闭当前（虚拟）桌面。
2024-03-06 21:02:23
373
原创 defineProps( ) 传入的泛型不能来自外部导入（Vue3 + TypeScript）
defineProps( ) 传入的泛型不能来自外部导入（Vue3 + TypeScript）。
2024-03-06 18:45:10
684
3
原创 Git 常用命令及其使用场景
之后，可以看到 dev 分支中被修改的文件也已经恢复到了最近一次 commit 的版本，说明 dev 分支修改已经被临时储藏成功了。为默认，可以不用带该参数，用于重置暂存区的文件与上一次的提交（commit）保持一致，工作区文件内容保持不变。命令，可以将当前未提交的修改（工作区的修改和暂存区的修改）先暂时储藏起来，保证工作区的干净。然后就可以切换到其他分支进行 bug 修复等操作，完成之后，重新切换回 dev 分支下通过。这个时候就可以放心的切换到其他分支，完成紧急开发工作（比如修复线上版本的 bug）。
2024-03-06 18:15:03
350
原创 解决 Vue3 宏函数找不到的问题（eslint）
但是，使用 Eslint 管理项目代码时，Eslint 默认并不知道 Vue3 的这一特性， 需要添加下面的选项，然后 Eslint 内部就会启动相关配置，从而不会报。等宏函数，默认全局可用，无需手动导入。
2024-03-06 16:41:24
449
原创 前端效率神器 NVM
在安装过程中会弹出提示：“你希望 nvm 管理已经安装的 node 版本吗”，点击 “是”，然后等待安装完成。点击安装，如果之前已经安装过。打开上面的链接，下载。
2024-03-06 15:51:52
401
原创 Cannot find module @rollup/rollup-win32-x64-msvc
Cannot find module @rollup/rollup-win32-x64-msvc
2024-03-06 15:20:25
2142
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人