- 博客(62)
- 收藏
- 关注
原创 vue-复制剪贴板
一、 下载安装Vue 3 Composition API的工具库。四、 页面中引用并实现复制。三、自定义hook组件。**引入hooks方法。
2024-12-26 11:27:35
366
原创 【随心记】---- vue表格n-form中自定义增加必填星号
【代码】:通过vue的插槽实现自定义样式。【如上图所示】:自定义增加星号样式。【思路】: 通过插槽实现。
2024-12-12 20:19:57
412
原创 Mac 配置pytorch ---- 保姆级教程
本文详细介绍了Mac用户如何在系统上安装Anaconda、PyCharm和Python,创建和配置PyTorch虚拟环境,以及在PyCharm中设置PyTorch环境的全过程,适合初学者参考。
2024-11-26 16:03:52
8095
4
原创 代码块 CodeMirror 组件-- 编辑返显
CodeMirror 是一个用于编程的在线代码编辑器。在 Vue 3 中,你可以使用 CodeMirror Vue 组件来集成 CodeMirror 到你的项目中。这里是编辑按钮,取消按钮, 保存按钮的事件。
2024-11-13 10:27:34
294
原创 EXPO打包
**更多选项**:Expo 提供了多种选项和配置,比如构建 Android 应用的 App Bundle、iOS 的归档文件等,具体配置可以查看 Expo 文档。在项目根目录下,运行 `expo build:[platform]`,其中 `[platform]` 是你要构建的平台,比如 `android` 或 `ios`。- **更新发布**:对于已经发布的应用,如果你需要更新,可以使用 `expo publish` 命令来发布更新到 Expo 服务器,用户将会收到更新通知。
2024-11-05 10:09:31
752
3
原创 Expo|ReactNative 中实现扫描二维码功能
以上代码使用了 `BarCodeScanner` 组件来扫描二维码。该组件会检查用户是否已授予相机权限,并根据权限状态显示相应的内容。当扫描到二维码时,会触发 `handleBarCodeScanned` 函数,你可以在这里处理扫描到的数据。在示例中,我用一个弹窗来展示扫描到的数据,你可以根据需求进行处理。
2024-11-05 10:06:19
776
原创 Expo实现左滑返回上一页功能
在 Expo 中使用 React Navigation 实现左滑返回上一页的方法与普通的 React Native 项目类似。你可以使用 React Navigation 库来管理导航,并配置 Stack Navigator 以支持左滑返回上一页的功能。确保你的页面组件已经在导航器中注册,并根据需要进行页面之间的导航。1. **安装 React Navigation 相关依赖:**3. **按照你的应用需求配置页面组件和导航器。2. **创建并配置导航器:**
2024-11-05 10:02:58
396
原创 ReactNative中实现图片保存到手机相册
以上代码,`ImagePicker.launchCameraAsync()` 用于启动相机并获取图片,然后使用 `saveImage()` 函数将获取到的图片保存到手机相册。在 Expo 中,要将图片保存到手机相册,你可以使用 Expo 的 `MediaLibrary` 模块来实现。使用 `MediaLibrary.saveToLibraryAsync()` 将获取到的图片保存到手机相册。使用 `ImagePicker` 模块从相册或摄像头中获取图片。1. **导入所需模块**:ImagePicker。
2024-11-05 09:57:58
686
原创 js如何获取一个object的第一条数据
在JavaScript中,如果你想从一个对象中只取出第一个值,可以使用。函数获取对象的所有值,然后选择第一个。如果不支持ES6,你可以使用。结合数组方法来实现类似的功能。
2024-10-17 16:49:15
771
原创 VUE-鼠标移入到目标区域变成小手形状
我们只需要给目标区域的style样式中加入【cursor: pointer;其实这个东西特别简单,只是用的不多平常。到某个区域时显示为“小手”状。
2024-10-10 16:40:22
1242
原创 EXPO 结合 Alova请求库 快速搭建ReactNative开发平台
传统promise式的请求库很好地解决了请求发送的问题,只是…它们只是单纯的请求发送工具alova像它们的武器装备,通过alova可以获得更强大的能力,不管您喜欢使用axios、superagent,还是浏览器的fetch-api,alova都可以完美兼容。
2024-08-29 14:48:15
579
原创 使用插件i18n实现国际化多语言
1、安装或者2、配置- src- locales- lang- zh.js // 中文,- en.js // 英语,- ar.js // 法语,- jp.js // 日语,- fr.js // 阿拉伯语- index.js其他几种语言仿照即可。
2024-08-29 14:32:42
519
原创 react native框架之 保存二维码方法
在适当的时机(例如用户点击按钮)调用 `saveQRCodeToGallery` 函数,将二维码的 URI 作为参数传递给该函数。假设你有一个展示二维码的组件,你可以在需要保存的时候调用 `saveQRCodeToGallery` 函数。然后,通过 `saveQRCodeToGallery` 函数将生成的二维码保存到相册。确保将 `generateQRCodeData` 替换为实际的生成二维码的方法。console.error('保存出错:', error);alert('二维码已保存到相册!
2024-08-29 10:49:06
693
原创 通过RN框架实现跳转到微信落地页
2. **集成微信 SDK**:根据选择的第三方库,按照它们的文档说明,在你的 React Native 项目中集成微信 SDK。1. **创建分享链接**:当用户点击分享按钮时,生成一个特定的分享链接,该链接应该包含信息用于标识用户点击的是哪个内容或页面。3. **获取分享链接**:使用 Expo Share API 或其他第三方库(如果有的话),将分享链接传递给微信分享。3. **编写分享逻辑**:在需要分享的页面中,调用相应的分享方法,使用微信 SDK 提供的 API 来实现分享功能。
2024-08-29 10:40:02
671
原创 对于使用Expo搭建的React Native项目:实现从图库中多选图片功能以及视频上传
Expo自带了`ImagePicker`模块,但是截至2022年,Expo的`ImagePicker`并不直接支持多选功能。选择的视频文件信息将会包含在`result`对象中,你可以根据需要进行处理,比如上传至服务器或进行其他操作。在Expo的文档中,`allowsMultipleSelection`目前只支持iOS。对于Android,Expo的ImagePicker还没有直接支持多选的选项。Expo的`ImagePicker`也可以用来选择视频文件。但你可以通过选择多个文件的方式来实现类似多选的效果。
2024-08-29 10:30:29
412
原创 Expo的`ImagePicker`上传视频文件后,如何在页面中显示出来
当使用Expo的`ImagePicker`选择并上传了视频文件,之后可以通过`Video`组件或者`Expo AV`库中的`Video`组件来在页面中展示这个视频文件。此外,`Expo AV`库提供了多种属性和方法来控制视频的播放、暂停、进度等,可以根据需要进行进一步的定制。`videoUri`是通过Expo的`ImagePicker`选择视频后获得的视频文件的URI。将这个URI传递给`Video`组件的`source`属性,就可以在页面中展示该视频文件了。
2024-08-29 10:23:42
447
原创 js之一个字符串通过逗号进行切割成多个字符串
reportId.split(',') // 输出: ["12", "13", "15"]当我们遇到接口字段返回,多个value值且用逗号拼接到一个字符串时。
2024-08-28 10:08:54
792
原创 JavaScript 中的 every() 方法和some() 方法
every()方法用于检测数组中的所有元素是否都满足指定条件every()方法会遍历数组中的每一项,如果有一项不满足条件,则表达式返回false,剩余的项将不会进行检测;如果遍历完数组后,每一项都符合条件,则返回true用法:第一个参数为一个回调函数,必传,数组中的每一项都会遍历执行该函数。currentValue:必传,当前项的值index:选传,当前项的索引值arr:选传,当前项所属的数组对象第二个参数thisValue为可选参数,回调函数中的this会指向该参数对象。
2024-08-27 10:27:12
387
原创 提交代码时解决冲突之思路
4、git merge origin 所要合并的分支。1、双击想要合并的分支(本地就找本地,远程就找远程)3、点击想要合并的分支右击,合并分支。4、此时有冲突就在代码上解决冲突。3、此时代码中有冲突就解决冲突。1、切换到develop分支。2、拉取最新的分支代码。5、解决完成后点击提交。6、提交后点击推送完成。
2024-08-21 16:46:01
533
原创 vue3之 watch 监听
注意:只修改对象中的某个属性时新值与旧值是一样的,只有修改整个对象时新值与旧值才正确。2. deep:如果监听的值是对象,强制使用深度遍历,一遍在深层级变更时触发回调。如果要修改对象里的某个属性时也触发监听侧需要传递第三个参数。2. 监听的属性是一个对象,则可以直接写或者写成函数返回值。如果要修改对象里的某个属性时也触发监听侧需要传递第三个参数。1. 修改对象里的某个属性时是不会触发监听的。第二个:函数,接收两个参数:新的值与旧的值。下面【情况一和情况二比较常用】!// 当监听的值被追踪为依赖时触发。
2024-08-21 15:16:52
1004
原创 TS之 对象可能为“未定义”,不能将类型“ XXXX | undefined “分配给类型{ xxxx }
我们会发现还是会报错,主要是 res.data 整体可能都为 undefined,所以我们还可以用 感叹号 来解决。3、API 赋值,不能将类型" XXXX | undefined "分配给类型{ xxxx }1、Vue3 结合 TS 获取 HTMLElement 时报“未定义”2、使用声明的可选属性时,报“未定义”使用 TS 我们经常会声明一些。
2024-08-21 14:44:42
1181
原创 css穿透样式:deep的用法
在前端开发中,尤其是使用 Vue.js 这样的框架时,有时我们需要在子组件中修改或影响由父组件传递下来的样式。在 Vue 3 中,我们可以使用 ::v-deep 来替代 Vue 2 中的 >>> 或 ::v-deep (在单文件组件的 中)。:deep(.parent-class .child-element) { /* 父组件的样式 子组件的样式*/需要注意的是,:deep 只能用于 中,它不能用于全局样式或组件外的样式。
2024-08-21 14:13:36
3080
原创 vue3之 defineExpose() 函数,子组件暴露接口给父组件直接调用
是Vue3 提供的一个 Composition API 函数,用于明确指定哪些内部响应式状态或函数可以被外部访问。
2024-08-15 17:10:22
2470
原创 JS中toString()、toLocaleString()、valueOf()的区别
已知:Array、Boolean、Date、Number等对象都具有 toString()、toLocaleString()、valueOf()三个方法,那这三个方法有什么区别?
2024-08-14 15:17:30
348
原创 JSON.stringify() 和 JSON.parse()
我们知道,JSON.stringify() 和 JSON.parse() 是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。但是你有较为深入地去了解过它们吗?它们分别可以传入几个参数以及每个参数对应的作用是什么呢?
2024-08-14 11:36:11
13979
原创 JS之 number类型转数组外面嵌套一层string
昨天有伙伴问了我123 如何转换成 "[123]" 呢即 number 类型如何转换成 JSON。
2024-08-13 14:21:34
1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人