- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue打包生成的js文件过大优化
vue打包生成的js文件过大优化1.组件按需加载2.去掉生成map文件3.cdn引入4.路由懒加载5.代码压缩6.最后项目打包之后js文件太大问题问题描述1.使用cdn引入不怎么改变的第三方库2.使用vue的懒加载3.服务器和前端配置开启压缩1.组件按需加载现在大多的ui库都是以组件的形式进行处理，所以只需导入需要模块的即可2.去掉生成map文件打包时会生成map文件，而map文件一般都比较大，可以取消生成map文件（1）config/index.js找到productionSo
2022-06-13 14:59:22
4408
原创 uniapp 调用 android 原生sdk
1.Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区2.HBuilderX3.App离线SDK下载：最新android平台SDK下载3.1.10版本起需要申请Appkey，具体请点击链接SDK目录说明 |-- HBuilder-Hello App离线打包演示应用 |-- HBuilder-Integrate-AS 集成uni-app的最简示例 |-- SDK
2021-09-24 13:35:12
14858
3
原创 使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 安装vue-cli之前，需要先安装了vue和webpack· node -v //(版本低引起：bash: npm: command not found)· npm -v //以上帮助检查是否安装 node npm · 输入vue //测试vue是否安装成功· 输入vue
2021-08-31 11:11:49
218
原创 vscode 创建vue项目
1.1 软件安装vscode官网直接下载。https://code.visualstudio.com/Download1.2 插件安装安装vue插件vetur，实现支持vue文件的代码高亮安装插件： 点击左边的Extensions图标，输入 vetur ，找对对应版本然后点击install即可同样方式安装ESLint 插件：如下图：1.2.2 安装node.js下载地址：https://nodejs.org/en/download/。下载完成后默认安装，安装完成后打开cmd 输入下面的
2021-08-31 10:30:16
106
转载 2021-06-21
在开发微信小程序的过程中，我们发现只是官方默认的header头部，满足不了设计需求，这里我们以Uni App为例讲解一下。官方文档：navigationStyle 导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮)。文档地址: https://uniapp.dcloud.io/collocation/pages?id=pages1、不同的机型，状态栏的高度是不一样的uni.getSystemInfo({ success:funct
2021-06-21 15:11:53
73
原创 一文读懂iOS如何使用TestFlight进行测试
一文带你读懂iOS应用如何使用TestFlight进行测试在一般情况下，iOS开发者开发完应用后，会上传到我们的开发者后台。对于少数大企业来说，可以使用向苹果官方申请的企业账号直接分发测试，测试者在下载完应用后在设置里面“信任开发者”即可，或者使用越狱手机通过第三方助手直接安装ipa文件。而大部分开发者则需要使用苹果官网的testflight来进行应用测试，接下来我们主要讲一下testflight如何使用以及注意事项。①：使用testflight前请确保你的App已经上传到开发者后台。如图所示，进入
2021-05-26 12:27:18
5428
原创 Windows申请iOS证书上架App Store详细教程 （有这一篇就够了）
Windows申请iOS证书上架App Store详细教程上架基本需求资料1、苹果开发者账号（如还没账号先申请-苹果开发者账号申请教程）2、开发好的APP通过本篇教程，可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestFlight测试然后提交审核的完整流程上架App Store审核分7步进行。1、安装iOS上架辅助软件Appuploader2、申请iOS发布证书（p12）3、申请iOS发布描述文件（mobileprovision）4、打
2021-05-26 11:01:21
2797
2
原创 uni-app实现Android分享到微信朋友圈和微信好友
uni-app实现Android分享到微信朋友圈和微信好友这个App是使用uni-app框架开发的。没了解过可以取访问：https://uniapp.dcloud.io/了解一下！uni-app是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。创建项目1、先下载开发工具HBuilderX2、创建项目3、选择uni-app4、创建完成后就会有一个模板了。代码5、打开pages/index/index.vue，拷
2021-05-25 13:33:18
847
1
原创 uniapp打包上架ios
1、准备开发者账号，证书，文件https://www.jianshu.com/p/ae11b893284bhttps://ask.dcloud.net.cn/article/1522、使用hbuildx发行打包ipa包，安装transporter软件并使用其交付ipa包https://zhuanlan.zhihu.com/p/665759013、交付完毕后进入下方网站配置app的构建版本信息并提交审核https://appstoreconnect.apple.com/...
2021-05-19 15:30:05
402
原创 react-native-image-crop-picker 踩坑
在link react-native-image-crop-picker之后，还需要将自己项目和react-native-image-crop-picker里面的buildToolsVersion和compileSdkVersion改为一致，添加dexOptions { jumboMode true }
2021-03-05 08:54:57
435
1
原创 error: unexpected element ＜queries＞ found in ＜manifest＞
/Users/rbyu/Documents/...../node_modules/react-native-image-crop-picker/android/build/intermediates/library_manifest/debug/AndroidManifest.xml:10:5-14:15: AAPT: error: unexpected element <queries> found in <manifest>解决办法：查询后发现需要升级gradle版本以.
2021-03-05 08:37:03
2214
1
转载 react-native0.63.2 安卓release包无法连接网络
react-native0.63.2 安卓release包无法连接网络原因：后台测试环境接口为http开头，Android 限制了明文流量的网络请求，非加密的流量请求都会被系统禁止掉解决方法：1、在android/app/src/main/res目录下新建一个xml目录，在xml目录中新建名为network_security_config.xml的文件，内容如下<?xml version="1.0" encoding="utf-8"?><network-securi
2021-03-05 08:32:23
222
1
原创 node-pre-gyp ERR! Tried to download(403)
when install open cv in windows error comes : node-pre-gyp ERR! Tried to download(403): https://node-opencv.s3.amazonaws.com/opencv/v6.0.0/Release/node-v48-win32-x64.tar.gzopencv@6.0.0 install C:\Users\mukulsoftwap\Desktop\node-opencv-masternode-pre-gyp
2021-02-01 07:54:03
1663
原创 sudo gem install cocoapods ERROR: Failed to build gem native extension.?
这里写自定义目录标题Mac big sur ，flutter docker -v[!] Xcode - develop for iOS and macOS (Xcode 12.0.1) • Xcode at /Applications/Xcode.app/Contents/Developer • Xcode 12.0.1, Build version 12A7300 ✗ CocoaPods not installed. CocoaPods is used to retrieve the iOS and
2021-01-22 07:45:37
954
3
原创 RN ios靠近自动切换听筒和扬声器的解决方案
有时候 App 需要访问平台 API，但 React Native 可能还没有相应的模块封装；或者你需要复用 Objective-C、Swift 或 C++代码，而不是用 JavaScript 重新实现一遍；又或者你需要实现某些高性能、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把 React Native 设计为可以在其基础上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，我们并不认为它应当在日常开发的过程中经常出现，但具备这样的能力是很重要的。如果 React
2020-12-14 09:32:38
444
原创 React Native常用三方组件库
自动管理Timer组件此组件目前只支持ES5 语法，ES6语法请在componentWillUnmount() 中清除timerhttps://github.com/reactjs/react-timer-mixin蚂蚁金服组件库 antd-mobilehttps://github.com/ant-design/ant-design-mobilereact-native-buttonhttps://github.com/ide/react-native-button点击图片放大缩小http
2020-12-04 14:27:06
592
转载 使用LaunchScreen.storyboard设置启动图
参考文章：https://www.jianshu.com/p/4f7ff5897cd1https://www.jianshu.com/p/323cf30c220d本文章主要是为我自己做个记录，防止下次忘记，如果有什么其它方法，欢迎提出。之前APP都是通过LaunchImage设置启动图的，可以设置多个尺寸，比较方便，但是苹果提出内容从2020年4月份开始，所有支持iOS 13的App必须提供LaunchScreen.storyboard，否则将无法提交到App Store进行审核（为了以防万一，我决
2020-12-04 14:06:08
1543
原创 React Native 原生模块封装(IOS篇)
前言有时候React Native没有相应的模块, API无法满足我们的需要时,或者我们需要复用Object-C, Swift或者Java代码的时候,而又不是用JavaScript重新实现一边，又或者你需要实现某些高性能、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把React Native设计为可以在其基础上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，我们并不认为它应当在日常开发的过程中经常出现，但具备这样的能力是很重要的。如果React Native还
2020-12-04 11:13:53
245
原创 React Native 原生模块封装(Android篇)
前言有时候React Native没有相应的模块, API无法满足我们的需要时,或者我们需要复用Object-C, Swift或者Java代码的时候,而又不是用JavaScript重新实 现一边，又或者你需要实现某些高性能、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把React Native设计为可以在其基础上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，我们并不认为它应当在日常开发的过程中经常出现，但具备这样的能力是很重要的。如果React Native还
2020-12-04 11:05:50
134
原创 expo Audio RecordingOptions配置
1.格式输出所支持的码率（sampleRate）“MPEG4AAC (8000, 11025, 22050, 32000, 44100, 48000)”,“AppleLossless (8000, 11025, 22050, 32000, 44100, 48000)”,“MPEG4AAC_HE (32000, 44100, 48000)”,“MPEG4AAC_LD (22050, 32000, 44100, 48000)”,“MPEG4AAC_ELD (22050, 32000, 44100, 4
2020-12-03 14:44:27
165
转载 React Native 触摸事件处理详解
触控是移动设备的核心功能，也移动应用交互的基础，Android 和 iOS 各自都有完善的触摸事件处理机制。React Native（以下简称 RN）提供了一套统一的处理方式，能够方便的处理界面中组件的触摸事件、用户手势等。本文尝试介绍 RN 中触摸事件处理。1. RN 基本触摸组件RN 的组件除了 Text，其他组件默认是不支持点击事件，也不能响应基本触摸事件，所以 RN 中提供了几个直接处理响应事件的组件，基本上能够满大部分的点击处理需求 TouchableHighlight , Touchable
2020-11-26 11:12:33
798
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人