窩窩頭-优快云博客

原创微信小程序+Echarts实现中国地图

一、版本说明二、下载文件Echart 官方 Demo 地址，参考这里； Demo 源码参考这里需要下载地图 json 文件，参考这里三、

2020-02-16 14:07:07 9977 43

原创 Vue+ElementUI 切换ElementUI主题+自定义颜色的修改（指定几种颜色的换肤）

一、版本说明（若没有以下中间件，先安装喔）1.1、具体代码开源到github中，欢迎starNode.js 10.13.0NPM 6.10.3Vue 2.5.2vue-router 3.0.1element-ui 2.11.1element-theme-chalk 2.11.1...

2019-10-29 14:38:23 22201 6

原创 Vue node.js实现支付宝支付(沙箱测试)

一、支付宝开放平台创建应用：打开支付宝开放平台首页（注意：正式环境、沙箱环境都需要此步）1、选择开发者中心 ---> 网页&移动应用（此时是实现网站支付功能）2、选择支付接入3、填入名称（注意名称规范，不能写测试字样，详细参考官网命名规范）、上传图片即可4、此时，需要网站支付，默认没有，所以点击添加功能，添加即可...

2019-09-21 15:21:23 6474 11

原创【命令行问题】`complete:13: command not found: compdef `

目录：版本说明问题原因解决办法一、版本说明本机系统： Mac二、问题2.1、打开终端时，出现以下提示信息complete:13: command not found: compdef三、解决办法，参考这里3.1、原因如下Compdef 基本上是 zsh 用于加载自动完成的函数。需要激活完成系统。如果您使用的是 oh-my-zsh 之类的东西，那么这已经解决了，否则您需要将以下内容添加到您的 ~/.zshrc3.2、解决办法# 输入以下命令code ~/.zshrc

2021-08-23 09:40:07 5815 1

原创【Androidx 更新问题】React Native 下安卓环境，Android Studio 构建失败

目录：版本说明当前配置信息问题以及对应解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9"二、当前配置信息2.1、Android Studio 相关配置如下Android Gradle Plugin Version(3.4.0) 插件版本对应所需 Gradle Version(5.5.1) ，这里版本必须对应，不然会出现各种莫名奇妙的问题// `${项目名}/an

2021-02-16 12:19:48 845 1

原创【打包问题】React Native 下安卓环境打包、运行后不更新

目录：版本说明问题原因解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9"二、问题原因2.1、修改项目代码后，Android Studio 中运行、打包后未更新三、解决办法，参考这里3.1、原因是 8081 端口被占用，kill 所有 8081 端口的其他程序，再重新运行项目即可项目根目录下运行此命令react-native bundle --platfo

2021-02-16 11:23:52 1260

原创【报错问题】React Native 下安卓环境启动时红屏：Unable to load script. Make sure you‘re either...

目录：版本说明报错内容解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9","react-native-audio": "4.3.0",二、在Android 安卓环境，Android Studio 中运行启动项目时出现以下错误： Unable to load script.Make sure you're either running a metro server(ru

2021-02-16 11:09:25 2379 4

原创【获取版本号】React Native 通过配置获取Android安卓和iOS版本号

目录：版本说明安卓配置内容IOS配置内容使用方式一、版本说明本机系统： MacAndroid studio: 3.6.2Xcode: 11.4二、安卓配置内容， Android 环境，参考这里2.1、目录下 ${项目名}/android/app/src/main/java/com.项目名/，新增以下两个文件 RNToolsManager.java、 RNToolsPackage.java，并修改文件 MainApplication.java新增文件 RNToolsManage

2021-02-16 10:42:39 2490 3

原创【设置版本号】React Native 通过配置文件package.json设置 Android安卓和iOS版本号

目录：版本说明安卓配置内容IOS配置内容最终效果（修改配置文件package.json，安卓和IOS自动修改版本号）一、版本说明本机系统： MacAndroid studio: 3.6.2Xcode: 11.4修改package.json配置// 希望达到的效果是，修改此处版本号，运行安卓、IOS，版本号自动同步修改{ ... "version": "1.2.2"， ...} 二、安卓配置内容，参考这里2.1、修改文件 android/app/build.

2021-01-26 10:14:47 1426

原创【报错问题】[react-native-audio] 构建错误: 程序包android.support.v4.content不存在

目录：版本说明报错内容解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2"react": "16.8.3","react-native": "0.59.9","react-native-audio": "4.3.0",二、项目构建时出现以下错误 Caused by: org.gradle.api.internal.artifacts.ivyservice ...三、解决办法，参考这里3.1、手动修改配置 AudioRecorderManager

2021-01-06 21:48:19 1965

原创【报错问题】[Android studio] 打包问题 Caused by org.gradle.api.internal.artifacts.ivyservice

目录：版本说明报错内容解决办法一、版本说明本机系统： MacAndroid studio: 3.6.2二、项目可以正常运行，但是打包时出现以下错误 Caused by: org.gradle.api.internal.artifacts.ivyservice ...三、解决办法，参考这里3.1、顶部菜单，依次选择，最终如下图View --> Tools Window --> Gradle --> Toggle Offline Mode注意⚠️⚠ “Togg

2020-12-17 09:57:30 1227

原创 Mac+Linux虚拟机的搭建（CentOS镜像下载、VMware安装）

目录：操作环境安装步骤（CentOS镜像下载、VMware虚拟机安装、破解以及搭建）一、操作环境本级操作系统：macOSCentOS镜像版本：CentOS-7-x86_64-DVD-2003.isoVMware虚拟机版本：专业版 12.0.0二、安装步骤2.1、镜像下载（CentOS 7）⚠️2.1.1、此镜像是用于之后虚拟机搭建，所以只需下载准备，不用安装之前以为要安装，双击之后会出现“无可装装载的文件系统”，哈哈哈。还找了一些办法解决，发现没有用，再看看搭建过程，原来不用安装

2020-10-19 09:59:23 4016 12

原创【报错问题】[Android] adb -s 设置端口号，提示 error more than one device(emulator)

目录：版本说明报错内容解决办法一、版本说明本机系统： Mac二、[Android] adb -s 设置端口号，提示多个设备/模拟器2.1、由于设备设置了通过wifi进行调试，但是连接设备后，设置端口号，会出现提示多个设备/模拟器！？！1.设备连接情况：adb devices出现一个设备：192.168.106.8:5555 2.查看设备连接详细情况：adb devices -l 192.168.106.8:5555 xxxxxx三、解决办法3.1、尝试断开此连接，直

2020-09-13 19:56:28 647 1

原创【报错问题】[Android] 运行出现java.io.IOException 问题，需要清除gradle缓存

目录：报错内容解决办法一、[Android] 运行出现 java.io.IOException 问题运行的时候，之前因为代码问题报错了，再继续运行，会以下报错java.io.IOException 二、解决办法3.1、可以选择重新运行项目，但是每次运行还是会报错！！！3.2、选择在 Android Studio 中打开 Android 目录，并进行以下操作以下是选择顶部菜单，进行操作1. Build ==> Clean Project 2. Build

2020-09-13 19:52:13 2661

原创 react native 实现图片放大功能（react-native-image-zoom-viewer）

目录：安装中间件 react-native-image-zoom-viewer封装放大图片弹窗组件调用弹窗组件具体步骤1. 安装中间件 react-native-image-zoom-viewer，参考官网和官网版本："react": "16.8.3","react-native": "0.59.9","react-native-image-zoom-viewer": "^3.0.1",安装方式：npm install react-native-image-zoom-vi

2020-08-24 10:56:38 4603 3

原创【报错问题】[Android] 打包时出现资源重复问题 Error Duplicate resources

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、[Android] 打包时出现资源重复问题Error: Duplicate resources 三、解决办法3.1、解决方法，参考这里1. 找到文件`/node_modules/react-native/react.gr

2020-08-19 14:21:55 2918 1

原创 react native 实现扫描条形码功能（react-native-camera）

目录：思路安装中间件确认 IOS 、Android 配置信息封装扫码组件另一个组件获取扫码数据思路安装中间件 react-native-camera；检查 IOS 、Android 是否配置成功；封装扫码组件，实现页面布局、扫码动画、获取扫描信息等；另一个组件添加扫码入口，获取扫码数据；具体步骤1. 安装中间件 react-native-camera，参考官网版本："react": "16.8.3","react-native": "0.59.9","react-n

2020-07-16 10:45:56 3528 2

原创 react native 实现本地相册、拍照、显示上传的图片、上传图片文件(react-native-image-picker)

目录：思路安装中间件获取用户相册/相机权限，以及主要步骤调用接口，实现上传图片文件思路获取用户相册/相机权限；实现本地相册选择/相机拍摄；封装上传接口，将照片上传到服务器；将选择的照片，展示出来（注意点：展示时，需要使用本地路径，而不是服务器地址）；具体步骤1. 安装中间件 react-native-image-picker版本："react": "16.8.3","react-native": "0.59.9","react-native-image-picker

2020-07-06 15:51:37 6937 4

原创 react native 实现本地录音、播放录音、删除录音功能，并调用接口上传录音文件

目录：思路安装中间件获取录音权限、实现录音功能调用接口，实现上传录音文件思路获取用户录音权限；实现本地录音功能、播放录音（注意点：播放时，需要使用本地路径，而不是服务器地址）、删除录音实现上传接口的封装，需要 formData 对象的格式调用上传接口，实现录音上传（使用的 fetch 请求接口）具体步骤1. 安装中间件 react-native-audio 和 react-native-sound版本："react": "16.8.3","react-native":

2020-06-09 10:01:05 4574 8

原创【报错问题】使用 react-native-image-picker 报错Caused by org.gradle.api.internal.artifa

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.8.3"react-native: "0.59.9"react-native-image-picker: "0.27.0"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，使用了 react-native-image-picker 插件后，构建安卓环境，报以下错误Caused by: org.gradle.api.in

2020-05-22 19:40:52 902

原创【样式问题】react native Android 键盘将底部导航栏/按钮顶起

目录：版本说明问题解决办法一、版本说明"react": "16.8.3","react-native": "0.59.9",二、问题描述如下2.1、比如，当输入框中输入信息时，键盘会把底部导航栏顶起，就会很丑啊！三、解决办法：3.1、找到文件 android/app/src/main/AndroidManifest.xml，修改android:windowSoftInputMode 属性值1. 搜索：`android:windowSoftInputMode`2. 原内容：

2020-05-21 09:47:37 799

原创【报错问题】 - React native maximum update depth exceeded. this can happen when a com

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，造成了死循环问题maximum update depth exceeded. this can happen when a component repeatedly calls setstate三、解决办法3.1

2020-05-17 20:54:10 1307

原创【样式问题】Antd Table【表格】实现表头固定时，与内容不对齐问题

目录：版本说明问题问题分析解决办法一、版本说明"ant-design-vue": "^1.3.5"二、问题描述如下2.1、按照官网设置过以下属性值，发现可以滚动，但是与内容错位啦:scroll="{x: 1200, y: 720}"三、原因分析：3.1、查看官方文档，这里，发现文档的提示如下：若列头与内容不对齐或出现列重复，请指定固定列的宽度 width。如果指定 width 不生效或出现白色垂直空隙，请尝试建议留一列不设宽度以适应弹性布局，或者检查是否有超长连续字段

2020-05-17 20:48:15 9435

原创 Visual Studio Code 不能识别 npm、nvm 等（mac 环境）

目录：本机环境配置 VScode一、本机环境本机系统： MacVisual Studio Code: 1.44.2二、配置 VScode2.1、打开 settings.json 文件：顶部菜单栏：Code --> Preferences --> Settings还是快捷键打开吧！！：‘command’ 键 + ‘,’ 键2.2 然后输入：shel...

2020-05-05 16:15:42 7485 6

原创钉钉小程序之自定义组件的使用，以及父组件与子组件(自定义组件)传值

目录：本机环境自定义组件（子组件）页面中引入（父组件引入子组件）父组件（使用自定义组件的页面）传值给子组件子组件（自定义组件）传值给父组件备注一、本机环境本机系统： Mac小程序开发者工具: 1.5.7二、自定义组件（子组件）子组件中：项目的根目录下！！创建自定义组件在对应 json 文件中定义 component 属性如图在根目录的 `component...

2020-05-03 17:25:41 4810 6

原创【报错问题】 - React Native cannot find symbol import android.support.v4.app.ActivityC

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"react-native-audio : "4.3.0"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，安装 react-native-audio 后在安...

2020-04-30 13:58:44 647

原创【报错问题】 - React native TypeError fetch is not a function

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行项目时，使用 fetch 请求接口，提示以下错误（一脸蒙啊，之前用的好好滴，也没更新包）TypeError: fe...

2020-04-30 13:56:55 3823 1

原创【报错问题】 - React native import android.support.v4.util.Pools;

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、运行安卓项目时，报错内容如下2.1、报错问题，提示找不到该包，参考这里import android.support....

2020-04-30 13:54:58 835

原创【报错问题】 - React native Redux - object is not a constructor (evaluating 'new cto

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、报错内容如下2.1、报错问题React native Redux - object is not aconstru...

2020-04-20 13:51:22 1706

原创【样式问题】 - React Native中使用 react-native-scrollable-tab-view嵌套在ScrollView里，不显示子内容

目录：版本说明问题问题分析解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、问题描述如下2.1、React Native 中使用 react-native-scrollable-tab-v...

2020-04-20 13:44:27 1279

原创【样式问题】 - React Native中使用 Model 时，内部 FlatList 无法滚动

目录：版本说明问题问题分析解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、问题：React Native 中使用 Model 时，内部 FlatList 无法滚动2.1、返回元素内容，大...

2020-04-20 13:42:48 893

原创【报错问题】 - React native Android Invariant Violation requireNativeComponent

目录：版本说明报错内容解决办法一、版本说明本机系统： Macreact: "16.11.0"react-native: "0.62.2"node: 12.16.2 # node -vnpm: 6.14.4 # npm -v二、报错内容如下2.1、运行安卓环境下的项目，出现以下问题Android: Invariant Violation re...

2020-04-20 13:33:35 1609 4

原创 SourceTree 解決冲突 Please commit your changes or stash them before you merge.

目录：本机环境通过 Sourcetree 拉取代码时提示冲突信息一、本机环境安装环境本机系统： Macgit: 2.24.1 # git --version 查看二、通过 Sourcetree 拉取代码时提示冲突信息原因：同分支下，其他伙伴修改的 xx 文件，本地也修改了 xx 文件2.1、报错如下图2.2 报错信息说明error:Your loca...

2020-03-28 16:53:28 4025

原创 Mongodb 数据库的安装和可视化工具 `Robo 3T`的使用

目录一、下载地址，参考[官网](http://dl.mongodb.org/dl/win32/x86_64)二、安装 Mongodb 步骤2.1、解压之后的目录如下2.2、在 mongodb 目录下，添加以下三个文件夹 `data`、`etc`、`logs`，完整目录如下2.3、新建配置文件 mongo.conf ，内容如下（注意：dbpath和logpath。这个是根据你的文件夹路径写的）三、...

2020-03-15 22:19:19 537

原创 Echarts 设置visualMap.inRange后，解决地图颜色显示不全的问题

一、当前遇到的问题1.1、需求：使用 Echarts 绘制中国地图，通过每个省份的 value 值不同，用渐变色区分2.2、查询 Echarts 官方API，通过设置属性 visualMap.pieces和visualMap.inRange，即可显示渐变色的地区2.3、但是呢，效果总是不尽人意，本项目中设置的颜色都是蓝色系列，可是数据渲染出现，偶尔会有几个省份会出现白...

2020-02-19 15:06:17 18858 11

原创 Echarts 地图隐藏右下角 “南海诸岛” 的方法

1、需求：Echarts 地图右下角的 "南海诸岛" 在项目中有点多余，需要隐藏2、查询 Echarts 官网配置项，发现修改属性 "geo.regions" 即可3、没设置属性 "geo.regions"之前，如下图4、设置属性 "geo.regions" 之后5、其中 "geo.regions" 属性可以对特定的区域配置样式，其实此项...

2020-02-16 14:31:23 28033 10

原创 ECharts 地图实现文字居中，即省份在对应地图的中心位置

一、Echarts官网的地图，文字标签并不是理想中的居中1.1、本项目中期望的结果，是每个省份文字能够在自己的地图的中心位置，如下图二、解决思路2.1、首先下载中国所有省份的json文件，然后结合ECharts官网提供的实例，绘制地图2.2、即将获取的文件，使用 echarts.registerMap('china', geoJson);绘制地图，其中本地...

2020-02-15 12:43:57 15501 17

原创【报错问题】微信开发者工具，引入第三方UI库，提示"module "miniprogram_npm/vant-weapp/common/utils" is not defined"等

一、版本说明微信开发者工具： v1.02.1911180"@vant/weapp": "^1.0.5"二、【报错问题】2.1、目录`miniprogram`下，打开命令窗口安装 Vant Weapp（命令：npm i @vant/weapp -S --production），然后在组件页面下，对应的 json 文件中引入vant-app 时，出现错误，引入方式如下...

2020-02-14 17:01:36 12950

原创更新win10后连接WIFI时，提示“无法连接到这个网络”

1、【问题描述】此WIFI其他电子设备都可以连接，但是我的电脑不能连接，或者连接一会就断开网络，重启之后又坚持不到几分钟又断开了，再次点击连接时，显示“无法连接到这个网络”本机系统： Windows 10 (64位)2、【解决办法】参考这里，即重置路由器之后，就可正常连接WIFI啦，步骤如下点击本机快捷键 Windows + x ，然后按 A 键（如下图，即选择以管理员...

2020-02-14 14:53:41 10908

原创【报错问题】Vue 运行时提示 Error: Cannot find module 'chalk'

一、版本说明本机系统： Windows 10 (64位)node: v12.14.1 (64位) # 命令窗口node -v 查看二、报错问题运行 'npm run build' 时，提示错误Error: Cannot find module 'chalk'三、解决办法3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules...

2020-02-01 13:45:07 6151

空空如也

空空如也