- 博客(82)
- 收藏
- 关注
RSS订阅原创 react native 截图并保存到相册
保存的截图使用ViewShot组件包括起来。然后使用capture方法 获取截图的临时地址。因为ios是不支持直接将临时图片保存到相册里的。
2024-07-18 15:57:33
682
1
原创 react-native 添加 ttf 格式的字体
3. cli版本0.69以上的执行 npx react-native-asset；5. 然后页面里就可以用了，字体ttf文件名字不要改，UI怎么给你，你就怎么放项目里。如果第一次加字体，会提示你没有字体目录，会给你新建一个目录，并且将字体存放进去。用法示例： fontFamily: 'DIN Alternate Bold'
2024-06-04 17:50:43
429
原创 mac nvm install node＜version＞ error 404
mac m2芯片遇到的问题，估计m系列的应该也有这个问题，在这里记录一下。
2024-05-04 19:23:08
500
原创 react Native 每次进入页面都会执行的hooks
根据@react-navigation/native 里的 useFocusEffect，navigation.addListener 实现
2024-04-03 11:15:01
775
原创 react native的事件通知 DeviceEventEmitter
【代码】react native的事件通知 DeviceEventEmitter。
2024-04-02 19:16:16
932
原创 react-native FlatList onContentSizeChange()
这个onContentSizeChange()方法，添加item的时候会调用。场景：IM聊天的时候，聊天信息从底部添加。
2024-03-29 19:27:44
181
原创 解决错误LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to
react native pod第三方包或者git clone的时候遇到两种解决方案。
2024-03-26 11:59:18
8527
原创 react-native使用FireBase实现google登陆
yarn add@react-native-google-signin/google-signin
2024-03-15 17:03:24
1055
1
原创 react native使用TS实现路由
需要用参数的时候需要导出一个 RouteProp需要用到页面跳转的时候，需要导出一个StackNavigationProp
2024-03-11 15:44:42
910
原创 Android Studio下载gradle超时问题解决
打开你的.gradle文件，然后新建init.gradle。配置对所有项目起效的项目环境。2. 配置http 代理。
2024-03-09 18:57:04
1986
原创 react-native使用react-native-reanimated报错
简单粗暴不在浏览器里看打印，关闭debugger即可。然后给这个包打上补丁即可，打补丁看我上一篇文章。找到这个ts文件然后注释掉相关代码。
2024-03-08 14:56:12
1009
原创 React Native 中给第三方库打补丁
有时使用了某个第三方库，可是它有些问题，我们不得不修改它的源码。我们可能不方便给原作者提 Pull Request，因为他们可能不愿意接受我们的更改。又或者原作者无法及时发布新版本。种种原因，我们只有去修改 node_modules 目录下的文件。可是当我们执行或yarn add时，原先的修改会丢失。有没有办法让我们可以在或yarn add时，自动把修改的源码加载进来？推荐使用。
2024-03-06 18:09:56
852
原创 react native android接入支付宝支付
1、目前 SDK 已发布到 Maven Central，开发者可使用 gradle 编译、更新支付宝支付 SDK。下面创建alipay文件夹(xxxxx是你的包名)，并在alipay文件夹下新建。微信登录以及支付参考文档。
2024-01-30 11:47:30
791
原创 查看android keystore的md5以及其他信息的命令
keytool -list -v -keystore xxx.keystorekeytool -exportcert -keystore xxx.keystore | openssl dgst -md5
2024-01-15 15:40:17
753
原创 mac环境使用sudo进行node包管理
4: 使用版本管理工具安装指定node版本或者升级到最新node版本。有可能会因为网络不好的情况导致下载node包失败，推荐使用淘宝镜像。3: 全局安装node版本管理工具。切换node版本(mac系统不使用。6: 删除已经安装的版本。先介绍下需要安装的文件。2: 清除node缓存。
2023-11-17 10:56:33
941
原创 5+api ios支付
5. 在支付页面每次显示的时候调用 restoreComplateRequest()恢复购买方法确认是否有未完成或可恢复的订单。注意：如果用户在支付过程中退出了App，或其他情况造成的丢单的。4. 恢复购买方法（获取已购的非消耗性商品和订阅商品）在支付完成后，首次调用该接口可返回支付凭证。
2023-09-21 17:08:49
308
1
原创 使用vue2封装一个轮播图组件
轮播图在我们平时开发的时候，需要用到的地方有很多，现在大部分都是引入第三库来实现的，以至于我们都忘了怎么能自己封装一个组件，今天我们自己来封装一个轮播图。通过这种方式，父组件可以将数据传递给Carousel组件，Carousel组件可以使用这些属性来展示轮播图。你可以在父组件中动态更新。这只是一个简单的轮播图封装，具体各位小伙伴在项目中遇到需要这种的话，小伙伴可以自行提取，并且添加一些样式即可！数组或其他prop，Carousel组件会响应式地刷新渲染。
2023-07-25 18:49:57
1697
1
原创 uniapp 横屏开发页面配置（仅支持App、H5）
目录1、pages.json页配置页面大小2、manifest.json文件修改3、App.vue文件配置 4、配置单位提示在uniapp官网中提到了pages.json页面对于横屏页面单位的配置参考官网这篇详解 https://uniapp.dcloud.net.cn/adapt由于我开发的横屏项目的横屏设计图分辨率以及硬件分辨率是1280*800，所以我的页面配置是2、manifest.json文件修改打开manifest.json文件，如图：在源码视图的"app-plus"里添加子项3
2022-07-04 15:52:07
7494
2
原创 base的加密以及解密
目录一、pc端二、微信小程序2.1 新建base64.js文件2.2 哪里需要哪里直接引用2.3 使用方法首先，开发环境不同，加密解密的方法也不同。一、pc端window对象Window 对象表示浏览器中打开的窗口。平常在开发pc端浏览器的时候。如果要加密或者解密成为一个 base-64 编码的字符串。我们都可以使用Window 对象里的对象方法。atob() 解码一个 base-64 编码的字符串。 bto...
2022-05-24 13:46:52
4625
2
原创 谈谈我对nextTick的理解
目录一、 为什么用nextTick二 、使用场景三、使用场景四、原理五、vue异步更新队列：一、 为什么用nextTickvue中的Dom更新是异步的，是异步的意味着当被处理数据是动态变化时，此时对应的Dom未能及时更新（同步更新）就会导致数据已经更新（model层已经更新）而视力层未更新（Dom未更新）此时就需要使用nextTick了。当你想要拿到更新后的Dom，一定要在nextTic的回调函数中去获取更新后的Dom的值。结构：this.$nextTi.
2022-05-18 19:12:30
1442
原创 微信的聊天室功能（websocket）
关于微信小程序WebSocket的使用一、连接wx.connectSocket示例：wx.connectSocket({ url: 'xxx.com', data:{ x: '', y: '' }, header:{ 'content-type': 'application/json' }, method:"GET"})这里要注意url中的接口不是http://.xxx或者https://.xxx开头的，而是以ws://xxx.com或
2022-05-06 19:36:04
1740
原创 记录学习react
一、react是什么react是一个用于构建用户界面的 JavaScript 库二、怎么用2.1. 安装脚手架npm icreate-react-app-g2.2. 创建项目create-react-app 项目名2.3. 启动项目npm start二、元素渲染文本渲染const str = "hello world"function App() { return (<div> <p>{str}</..
2022-05-01 14:11:01
361
原创 简单的说一下pinia吧
目录一、pinia特点二、基本使用2.1安装2.2在main.js中引入pinia并创建容器挂载到根实例上2.3创建store/index.js三、属性3.1 state3.2 getter3.3 actions四、数据持久化一、pinia特点兼容vue2和vue3版本 删除mutations 现不能与vuex 混用 支持插件扩展功能 支持模块热更新无需加载页面可以修改容器，可以保持任何现有的状态 更完美TS支持 支持服务端渲染二、.
2022-04-30 10:18:45
4232
原创 Vue3自动导入element-plus库（官方推荐）
第一步npm install -D unplugin-vue-components unplugin-auto-import第二步//vue.config.js页面const { defineConfig } = require('@vue/cli-service')const AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components
2022-04-28 11:55:46
1905
3
原创 简单的防抖节流操作
目录防抖为什么需要防抖 环境节流环境防抖为什么需要防抖 环境1、在开发过程里面 有没有遇到过 输入框的输入时间 “input” 每次输入都会触发一次对应的事件，这样不仅浪费性能，个人感觉体验还不是特别好 没输入一次就出发一次，这样的情况，如果涉及大量数据的匹配筛查，是不是就会特别的难受，我都还没有指明我要筛选哪些数据，就开始筛选，不够精确，增加了界面渲染和后端服务器的压力2、那有没有呀可以等我输入完了再做判断筛选 或者我不输入了再进行筛选的操作 ？？？还真的有：那
2022-04-27 08:57:59
394
原创 事件对象event及其相关属性
目录一、什么是事件对象二、事件对象的属性2.1 事件对象的兼容性2.2 事件对象的type属性2.3 target 与currentTarget2.4 事件对象的keyCode属性2.5 ctrlKey 、altKey、 shiftKey2.6 screenX与screenY2.7 offsetX 与offsetY2.8 clientX与clientY一、什么是事件对象1、event是事件对象，是关于事件的一系列的集合，写在事件函数的小...
2022-04-25 20:36:34
2557
原创 实现一个promise、promise.all、promise.race、promise.any
【代码】实现一个promise、promise.all、promise.race、promise.any。
2022-04-20 11:55:08
446
原创 超全面总结Vue面试知识点
目录前言1.MVC 与 MVVM的区别MVCMVVM区别Vue 并没有完全遵循 MVVM 的思想2.为什么data需要是一个函数？3.v-if与v-showv-if与v-show的区别v-show指令算是重排吗？4.v-forv-if 与 v-for 为什么不建议一起使用？v-for中的key有什么作用？为什么在v-for中的key不推荐使用随机数或者index？v-for遍历对象时，是按什么顺序遍历的？如何保证顺序？5.常见的Vue内置指令
2022-04-17 18:51:14
3123
1
原创 Vue3.0与Vue2.0的区别（超详细）
目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff 优化打包优化自定义渲染APITypeScript 支持生命周期的变化整体来看，变化不大，只是名字大部分需要 +on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直接调用，如下所示。//vue3<scriptsetup>import{onMounted}from...
2022-04-13 15:07:14
26236
2
原创 Vue3的全屏插件
Vue3中我用的是 screenfull 插件官网：screenfull相关API.request(ele) 全屏 .exit() 退出全屏 .toggle() 切换全屏 .on(event, function) ： event为 ‘change’ | ‘error’ 注册事件 .off(event, function) ： 移除前面已经注册的事件 .element： 返回一个全屏的dom节点，如果没有就为 null .isFullscreen ： 是否是全屏状态 .isEnab.
2022-04-12 19:00:41
1201
2
原创 微信小程序面试题总结
A类问题1 请谈谈微信小程序主要目录和文件的作用？2 请谈谈wxml与标准的html的异同？3 请谈谈WXSS和CSS的异同？4 你是怎么封装微信小程序的数据请求的？5 小程序页面间有哪些传递数据的方法？6 请谈谈小程序的双向绑定和vue的异同？7 请谈谈小程序的生命周期函数？8 简述微信小程序原理？9 请谈谈原生开发小程序、wepy、mpvue 的对比？B类问题一.简单描述下微信小程序的相关文件类型？二.怎么封装微信小程序的数据请求？三.微信
2022-04-11 09:30:21
2586
原创 事件(任务)队列 && 事件循环
目录一、任务队列与事件循环1.1 同步任务与异步任务1.2 任务队列1.3 事件循环(event loop)二、举例三、解决3.1 解决同时输出3.2 解决全输出10问题首先我们都知道JS是单线程的。JS作为浏览器的脚本语言，主要的用途就是与用户互动，操作dom，这也是根本原因决定JS是单线程的原因。 设想一个线程在DOM上添加元素，而另一个线程删除了这个节点，那这个时候应该听谁的？一、任务队列与事件循环1.1 同步任务与异步任务在JavaScri
2022-04-07 09:33:37
657
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人