自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

老猿阿浪的博客

从事移动端、前端10余年,对前端开发有深刻的理解,发挥所长输出自己的一些经验和成果,供猿友们参考

  • 博客(78)
  • 资源 (7)
  • 收藏
  • 关注

原创 React Native 自动化测试终极指南:从零开始到持续集成

React Native 自动化测试能提前拦截 Bug,提升代码质量。本篇详解了从单元测试(Jest)、组件测试(React Testing Library)到 E2E 测试(Detox)的全套方案,并集成 CI/CD 实现自动化验证。掌握这些技术,让你的 App 发布再也不会“提心吊胆”!

2025-06-07 16:08:55 987

原创 前端开发者必须要掌握的技术栈及学习建议,都是干货

前端开发者,必须要掌握的技术栈,本篇将做总结,不做详细描述,希望能给各位已经从事前端开发或者准备入坑的猿友们提供一些指引和建议,内容兼是干货,请敬请享用

2025-06-07 15:34:11 852

原创 前端开发者的必修课:要想成为一个高级前端,你需要学习掌握哪些技术?看这里

前端开发是技术界的“极限运动”:HTML/CSS/JS是地基,框架和工具链是加速器,而TypeScript和性能优化是护城河。本文从实战角度剖析了前端技术的核心脉络,揭露了“学不动”背后的逻辑——掌握底层原理,方能以不变应万变。无论你是新手还是老鸟,唯一不变的真理是:代码是写给人看的,顺便让机器能执行

2025-06-07 14:52:05 740

原创 Sentry是一款比bugly好百倍的日志收集工具,让你的React Native应用装上“监控器”

React Native+Sentry深度整合指南:从基础错误监控到高阶性能剖析,揭秘如何用"时空回溯"能力秒杀生产环境bug。包含血泪换来的魔改配置、原生层"防自爆"秘籍、用户行为录像等黑科技,附带性能优化组合拳打法。这不是教程,而是你的移动端运维"复活甲"。

2025-06-06 13:52:05 620

原创 React Native图片预加载:让你的应用图片预览像德芙一样丝滑

React Native图片预加载能极大提升用户体验,核心方案包括:`Image.prefetch`、`react-native-fast-image`、自定义组件、队列管理和离线缓存。根据场景选择合适策略,避免内存爆炸和加载错乱,让你的App流畅如丝!

2025-06-03 18:58:44 1181

原创 React Native 实现抖音式图片滑动切换浏览组件-媲美抖音体验的滑动式流畅预览组件

用reactnative框架实现类似抖音滑动切换页面浏览组件,多图可以左右滑动查看,支持上下滑动,做了预加载、分页加载、多级缓存,性能简直嗖嗖的~

2025-05-29 20:01:43 691

原创 ReactNative开发还不会跟android交互通信吗?赶快看一下这篇文章,瞬间豁然开朗-原来跨平台调用原生方法竟然如此简单

reactnative和android进行交互通信,让不会原生的你,可以很快掌握应用原生实现rn实现不了的功能

2025-05-28 18:27:20 237

原创 NRM凌波微步:让你的npm install下载速度飞起来的终极秘籍

用nrm管理镜像源,随时切换源,npm install下载速度像踩了风火轮一样,比其他同事快了好几倍

2025-05-27 19:21:54 395

原创 NVM黑魔法:5分钟搞定Node多版本自由切换,从此告别“我本地是好的”--告别版本冲突!揭秘大厂前端团队都在用的NVM最佳实践

NVM终极指南:Node版本管理神器NVM助你轻松切换多版本,解决环境不一致难题。从安装配置、版本控制到团队协作,掌握核心技巧提升开发效率,告别"我本地正常"问题。企业级实践方案+性能优化策略,打造丝滑前端工作流,让Node版本管理变得简单高效

2025-05-27 19:00:56 300

原创 原来用React Native(RN)实现高性能瀑布流这么简单

实现Reactnative高性能瀑布流组件,看完这篇可以完全掌握

2025-05-26 18:37:05 404

原创 React Native 拼音及拼音首字母搜索组件开发

react及reactnative拼音+拼音首字母搜索组件,支持多个关键字搜索

2025-05-24 16:46:30 594

原创 ReactNative渐变色完美方案react-native-linear-gradient比你想象的要强大很多,看完这篇让我从此成为渐变高手

"设计师又给了个45度角的渐变色方案,难道要切图实现?" 当我在第5次收到这种需求时,终于发现了`react-native-linear-gradient`这个神器。本文将带你全面掌握这个强大的渐变色库,从基础使用到高级技巧,让你的React Native应用拥有专业级的渐变色效果!

2025-05-24 10:22:27 793

原创 ReactNative(React) 高阶组件(HOC)从小白到大师,只需要看这一篇就足够了

ReactNative(React)高阶组件(HOC)不在是贵族,让人无法靠近,看完这一篇让你从小白到高手,全都是干货

2025-05-23 19:27:46 1196

原创 ReactNative使用AsyncStorage存储的垃圾性能魔咒终于破了,安利一种性能更好用法更简单的存储库MMKV,简直太香了

当我们的React Native应用在低端设备上因为AsyncStorage的蜗牛速度而频频崩溃时,团队里那个总是冷静的后端小哥突然摔了键盘。直到我们发现了MMKV这个性能怪兽,原来键值存储可以快到像闪电侠穿上了火箭靴!本文将带你深入这个存储神器的魔法世界,从原理剖析到实战骚操作,让你的应用存储性能直接起飞!

2025-05-22 19:06:38 619

原创 一文告诉你如何实现Git打tag,从tag切分支,让bug修复速度提升300%

一文告诉你如何实现Git打tag,从tag切分支,让bug修复速度提升300%

2025-05-21 17:10:14 428

原创 Git分支合并终极大法,让你看完本篇学会所有场景下的代码合并

git分支合并终极大法,看完本篇你讲学会所有场景下的代码合并,最快只需要三行代码即可完成合并

2025-05-21 09:55:42 1262

原创 Git如何修改远程仓库地址?教你一招解决

Git修改远程仓库地址,教你一招解决

2025-05-19 16:16:59 734

原创 Git初始化本地已有项目,并推送到远端Git仓库完整操作指南

Git初始化本地已有项目,并推送到远端Git仓库操作

2025-05-19 12:03:03 388

原创 Git 完全生存指南:从代码小白到版本控制大师

Git是开发者必备的版本控制"时光机",能拯救误删代码、管理分支宇宙、协作不翻车。从基础commit/push到高阶rebase/stash,本文揭秘:分支策略:用平行宇宙开发,避免主线污染黄金法则:原子提交、清晰信息、小步快跑灾难恢复:reflog找回误删,reset撤销翻车团队协作:PR审核流程、禁止push -f铁律效率技巧:别名配置、钩子自动化、图形化工具掌握Git不仅是学命令,更是培养代码管理思维——让每次提交都成为可靠的历史印记,让团队协作像版本合并一样丝滑。

2025-05-19 10:18:36 1256

原创 Git 使用全攻略:从入门到精通

从入门到精通,学会Git命令行,打造你的代码时光机,让代码管理变得更简单。

2025-05-19 09:55:26 1035

原创 React Native在VS Code debuger调试全流程终极指南

"为什么我的断点总是不生效?" —— 这是 React Native 开发者使用 VS Code 调试时最常见的痛点。本文将手把手带你掌握 VS Code 调试 React Native 的完整方案,从零配置到高级技巧,彻底解决你的调试难题。

2025-05-16 20:32:40 916

原创 前端精度问题全解析:用“挖掘机”快速“填平精度坑”的完美解决方案

"为什么我的计算在 React Native 中总是出现奇怪的精度问题?" —— 这可能是许多开发者在作前端程序猿的朋友们都会遇到的第一个头疼问题。本文将深入探讨前端精度问题的根源,我将以RN为例,并提供一系列实用解决方案,让你的应用告别计算误差。

2025-05-16 16:56:37 924

原创 不会原生开发?从零到一:React Native搞定炫酷自定义xx.ttf字体集成

从零到一搞定ReactNative集成.ttf字体,不走冤枉路

2025-05-15 10:49:59 326

原创 简单到爆,一文读懂React Native 环境搭建与项目创建

简单到爆,一文搞懂React Native 环境搭建与项目创建

2025-05-15 10:04:48 917

原创 React Native中玩转SockJS与Stomp:用超越websocket的魔法打造不死的实时通信链路

SockJS是一个JavaScript库,提供了类似WebSocket的API。它的绝妙之处在于:当浏览器不支持WebSocket时,它会自动降级使用其他技术(如长轮询)来模拟WebSocket行为。这意味着你的应用在各种环境下都能正常工作。Stomp则是一个简单的文本消息协议,它定义了客户端和消息代理之间的通信格式。你可以把它想象成HTTP协议之于REST API——它为实时消息传递提供了一套标准化的交互方式。

2025-05-14 14:44:55 913

原创 React Native矢量图标全攻略:从入门到自定义iconfont的高级玩法

当我第一次发现同事的APP安装包比我的小了2.3MB,仅仅是因为他正确使用了react-native-vector-icons时,整个团队的认知都被刷新了。本文将带你深入这个被低估的神器,揭秘如何用专业玩家的姿势玩转React Native图标系统,包括那个让无数人头疼的自定义iconfont终极解决方案

2025-05-14 14:02:13 1314

原创 React Native告别图标体积大手动更换慢的噩梦:让图标更新像修改文字一样简单

React Native告别传统图标体积大、手动更换慢、效率低的噩梦,用react-native-iconfont-cli实现一键更换、体积小、效率高的问题

2025-05-13 14:43:34 1857

原创 React Native自适应布局:让你的应用在万千设备上“看起来刚刚好“

"这按钮在iPhone 13上明明很优雅,怎么到了小米Max上就变成了蚂蚁大小?"、"为什么在平板上我的布局像被炸开的爆米花?"——如果你也曾在深夜调试React Native布局时发出过这样的哀嚎,那么恭喜你,你即将解锁一套让UI在任何设备上都"乖乖听话"的终极秘籍。

2025-05-13 11:13:24 1016

原创 React Hooks:从“这什么鬼“到“真香“的奇幻之旅

短短十几行代码,完成了以前需要几十行class组件才能实现的功能。没有this,没有生命周期方法,代码简洁得令人发指。这到底是怎么做到的?函数组件凭什么突然这么强大了?带着这些疑问,我开始了Hooks的探索之旅...

2025-05-10 10:47:01 722

原创 React Hooks 精要:从入门到精通的进阶之路

React Hooks 从入门到精通的进阶之路,从此变得简单

2025-05-10 09:39:32 1168

原创 使用 React Native实现鸿蒙开发的详细方案

通过以上方案,您可以系统性地将 React Native 应用迁移到鸿蒙平台或开发新的跨平台应用。随着官方支持的不断完善,建议定期检查项目依赖版本更新。

2025-05-09 12:17:43 932

原创 Flutter vs React Native:跨平台开发的终极对决

不过,Facebook正在用**新架构(Fabric & TurboModules)**优化这个问题,未来可能缩小差距。如果你是一名移动端开发者,或者正准备踏入跨平台开发的世界,这个问题一定让你头疼过。它的UI构建方式非常直观,但前提是——你得先适应它的思维方式。希望这篇文章能帮你少走弯路,做出最适合你的选择!Flutter不依赖平台原生控件,而是用。如果你熟悉React,上手会非常快。,基础APK可能比RN大3-5MB。本文将抛开营销话术,从。等多个维度,帮你做出。跨平台开发的世界里,

2025-05-09 12:07:33 653

原创 《React Native热更新实战:用Pushy打造无缝升级体验》

审核周期长:苹果App Store平均审核时间24-48小时用户更新率低:仅有30%用户会在第一时间更新紧急修复无门:重大BUG只能眼睁睁看着用户流失在这个移动互联网的"快鱼吃慢鱼"时代,Pushy这样的热更新方案已经不再是锦上添花,而是生存必需品。时间掌控:将BUG修复时效从天级缩短到分钟级风险控制:通过灰度发布把影响范围降到最低用户体验:实现真正的无缝更新,告别强制弹窗但记住那句老话:“能力越大,责任越大”。

2025-05-08 13:19:01 1653

原创 《React Native性能优化:从卡顿到丝滑的蜕变之旅》

当你看到优化后的应用如丝绸般顺滑地运行,那种成就感堪比程序猿版的"登上珠穆朗玛峰"。但请记住,性能优化不是一锤子买卖,而是一种需要融入日常开发习惯的思维方式。就像著名计算机科学家Donald Knuth所说:“过早优化是万恶之源”,但我们也别忘了后半句:“但对效率的追求永不过时”。关键在于找到平衡点——不过度设计,也不忽视明显的性能隐患。下次当你手指滑动应用却遭遇卡顿时,不妨停下来思考:这里的瓶颈在哪里?是JavaScript线程过载?是UI线程阻塞?还是内存泄漏?

2025-05-08 12:47:35 1616

原创 React Native主题切换、字号调整:不用styled-components也能玩出花

“你知道吗?只用React Native自带的工具,不到100行代码就能实现媲美大厂App的主题、字号切换效果!” 作为一个被产品经理反复要求"加个深色模式"的前端码农,我曾经也以为非得用styled-components这类库才能优雅地管理主题——直到我发现React Native自己就藏着这么一套"秘密武器"。

2025-05-07 16:21:13 1100

原创 JavaScript性能优化:从青铜到王者的进阶之路

当一位资深前端攻城狮发现即使使用了React最新特性,页面滚动时依然出现明显卡顿,性能分析工具显示JavaScript执行时间长达300ms——这个数字足以让任何追求极致的程序猿夜不能寐。我将向各位猿友揭示那些书本里不会告诉你的JavaScript性能优化实战技巧,从V8引擎的隐藏特性到浏览器渲染管线的深度调优,我们将一起探索如何让代码跑得比高铁还快。,这背后究竟隐藏着怎样的引擎优化秘密?让我们拭目以待!

2025-05-07 10:55:43 946

原创 突破测试环境文件上传带宽瓶颈!React Native 阿里云 OSS 直传文件格式问题攻克二

我们对服务端和阿里云oss的配置及前端调用做了简单的介绍,但是一直报错。最终判断是文件格式问题,通常我们在reactnative中用formData上传,这里的file是文件的本地路径,如"file://android_asset/文件名",这里注意file://在安卓选择后并没有,需要我们来进行添加。但事实证明这里并不能直接通过路径上传,而是需要对文件进行处理,转为二进制数据,我们这里选择的是'rn-fetch-blob'库。

2025-05-01 09:46:30 738

原创 富文本无法解析,处理标签<spanyes>解决问题

展示富文本时出现无法解析的问题,查看文本片段发现其中spanyes标签是无法解析的关键因素。将spanyes';替换为span style=", ="" 是冗余字符直接替换为""。如还有问题,查看有没有其他问题标签一并替换为正确的标签即可。以上方法处理后,问题迎刃而解。替换文本中有问题的标签。

2025-04-30 22:16:49 159 2

原创 突破测试环境文件上传带宽瓶颈!React Native 阿里云 OSS 直传文件格式问题攻克一

通常情况下,作为前后端分离的项目来说,文件上传是最寻常的功能之一。虽然每个公司选择的文件管理云库各不相同,但实现思路基本一致。我所在公司使用阿里云oss文件管理,之前服务端做了透传,但是由于每个测试环境的带宽限制,导致在测试环境出现文件上传受限的问题。因此,痛定思痛,决定抛开中间层,直传阿里云OSS。

2025-04-30 20:59:21 1214

原创 测试68问

这类题目就是考测试工程师的基本能力了,比如测试计划,测试流程,如何bug,你做过哪些测试,一般我们认为这些能力做的再好都是应该的,不会有加分,但是只要做的不好,那就是个不合格的测试工程师了。如今是移动互联网的天下,谁家没有个应用,所以这一块基本都会问到,同时也会看你的简历,如果你没有做过,基本也不会问的太深,如果你是专门做这一块的,那么要好好准备了。这一块包括,自动化一些理念和自动化的工具使用。什么都离不开服务端,所以这是你逃不开的,一般来说服务端会问接口测试,性能测试,更深一点,埋点监控止血也会有。

2023-06-28 10:55:59 170

reactnative及react拼音+拼音首字母搜索,支持多个关键词搜索,不要犹豫肯定是你想要的

reactnative及react拼音+拼音首字母搜索,支持多个关键词搜索,不要犹豫肯定是你想要的

2025-05-24

ReactNative手机验证码发送获取组件,可倒计时,可重新发,用于登录,修改密码或者其他需要发送验证码的场景

验证码获取组件好用到爆,可用于各种场景下,手机验证码发送获取,支持倒计时,支持倒计时结束重新发送。

2025-05-17

js文字向上滚动轮播

支持文字向上滚动轮播,采用jquery动画,可以添加点击事件,并且可以轮播点击,如果有需要可以for循环去生成,文字循环向上滚动,实现文字轮播。

2018-10-29

guyandog-QR_BR-master -新增新版微信二维码识别.zip

前端对二维码图片识别 判断选中的图片是否为二维码 新增新版微信二维码识别解析

2019-07-26

js原生和jquery 选项卡tab切换

选项卡切换,包括js原生的和 jquery两种方式的 tab选项卡切换

2018-09-07

guyandog-QR_BR-master.zip

前端javascript,插件识别图片资源 是否是二维码图片 内涵插件js文件,demo 文件

2019-07-25

js/jquery打赏,简单实用

主要支持微信支付宝二维码的打赏功能,如果需要可以随时添加其他支付方式

2018-09-07

android自定义ViewGroup

android自定义ViewGroup, 一,写好构造方法, 二,重新onMeasure()方法,主要是获取子view的个数,和ViewGroup的大小宽,高; 三,重写onLayout()方法,layButtom()方法主要是操作最先的那个view  点击它,操作其他的子view 四,toggleMenu() 是对开合状态下要做的一些操作。

2017-03-31

guyandog-QR_BR-master -改动.zip

前端对二维码图片识别 判断选中的图片是否为二维码

2019-07-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除