梦若在心就在的博客

原创 yarn时报错certificate has expired

执行指令：yarn config set strict-ssl false。

原创 vscode配置pretter，保存不自动生效的解决方法

修改配置如下。

原创 body设置渐变色无效

当h5页面想要沉浸式展示（全屏铺满，包括手机状态栏），此时，需要设置。以及body设置渐变色无效，只能设置单颜色，特记录之。

原创 关于navigator.userAgent判断苹果手机的问题和踩坑

通俗地讲，这个设置就是为了让 手机或iPad 用起来像 PC。而且这个功能还“默认”开启，通过 iPad 设备打开 Safari 进入网站时会访问 PC 网站，而不是移动端网站。2.window.screen.height > window.screen.width用来判断是非PC。1.结合navigator.maxTouchPoints > 1用来判断是非PC;因为开启了”请求桌面网站“后，此时获取的userAgent是如下。是和MAC（pc）的一样了。

原创 vscode插Live Server不自动刷新的情况

如果是通过终端指令启动的，比如 http-server -p 3000，那么打开的页面是自动刷线的，必须通过鼠标右击启动的方式才可以，特此记录！！

原创 OPTONS出现的情况

跨域（页面的访问路径的域名或端口和http请求的不一致）+ 非简单请求（不是post，get，head请求方式或自定义了header或content-type是json）；以上两者缺一不可，然后再浏览器调试工具网络的全部中查看，而非Fetch/XHR，可以看到。...

原创 OPTIONS请求出现的情况

RT:跨域（当前页面的访问路径的域名或端口和http请求的不一致）+ 非简单请求（非get，post，head请求方式或自定义了header，或Content-Type为json），以上两者缺一不可，然后，浏览器调试界面，打开全部，而不是Fetch/XHR，可以看到请求多了一个OPTIONS请求。...

原创 vscode（mac）常用快捷键

1.代码格式化 shift+alt+f2.打开文件的窗口切换：ctrl+tab备注：后期进一步完善

原创 justify-contnt设置flex-end不生效解决

一般是在小程序或RN中失效，这种情况一般我们的父组件是View，子组件是直接Text，此时解决方法需要把Text标签用View包含

原创 react 节流和防抖

react 官网所在的位置

原创 react-native error: Build input file cannot be found: ‘/Users/admin/Desktop/xxx/node_modules/

iOS开发，xcode中报依赖错误，那么就很可能是自己删除了一些依赖后，导致找不到，此时，iOS项目，执行pod install 可解决，然后 run ios

原创 ios 开发在苹果开发者中心，迟迟不见构建的版本，

那么就去苹果开发账号这个邮箱中，去查看，苹果一定给发了报错信息，一般都是权限规则之类的

原创 react-native 苹果端真机调试打开空白，控制台没有日志？

苹果端真机调试记得wifi和电脑端一致哈，用手机蜂窝流量可能就会出现如上问题

原创 vscode eslint插件无法使用

1.首先确保项目添加了eslint的相关依赖，并配置生效2.确保eslint插件已安装3.查看eslint插件是否生效生效的话会有如下红色波浪线警告如果未见生效，那么就是eslint的没有启动或者启动时报了弹框警告此时可以看下vscode的地底部是否打钩了，如果连eslit的状态都没有的话，那么就是有警告，此时点击底部的警告信息点击后，会弹框直接allow就行，此时eslint的状态栏就会显示，然后打钩即可，此时cmd+s保存代码，即可自动修复代码...

原创 error An unexpected error occurred: “http://nexus.mjgf.io/repository/npm/@babel/runtime/-/runtime-7.

yarn 安装依赖时报错error An unexpected error occurred: "httpxxx"解决方法：删掉yarn.lock和error.lock文件，重新执行yarn命令

原创 react 修改antd样式的问题

问题描述：通过 .class (antd的类名)，修改默认样式，会导致影响全局antd的样式解决方法1.新增className，此处注意只能通过“”

原创 react-native 安卓gradle下载jar依赖慢解决方法

安卓gradle下载jar依赖慢解决方法：新增红色箭头所指的阿里云配置maven{ url 'http://maven.aliyun.com/nexus/content/groups/public'}

原创 H5浏览器调试，控制台network没有请求的地址

H5浏览器调试，控制台network没有请求的地址，此时查看下是不是请求url中域名（或IP端口）后面没有/

原创 Android10 android:requestLegacyExternalStorage=“true“ 无效，仍然报没有权限

针对targetSdkVersion >= 29此时需要检查创建文件夹的代码是否是Environment.getExternalStorageDirectory()如果是的话，那么就必须换掉了，哪怕，你配置了android:requestLegacyExternalStorage="true" ，可以换成Context.getExternalFilesDir（Environment.DIRECTORY_DOCUMENTS）...

原创 安卓 PopupWindow 的问题记录

1.showAtLocation必须在activity完全的运行后使用，否则会报错 android.view.WindowManager$BadTokenException:Unable to add window -- token null is not valid; is your activity running?解决：通过延迟new Handler().postDelayed(new Runnable(){ public void run() { mPopupWin

原创 react-native-image-picker 系统图库英文问题解决

iOS：

原创 react-native 关于模拟器调试快捷键的问题

一步搞定，什么快捷键冲突都是浮云，直接来：iOS：安卓三方模拟器：

原创 X5webview 注意点

1.X5webview只能在真机中才能初始化成功，真机！！！！

原创 Android Studio gradele慢

原创 安卓老项目，安卓11（特指小米10的）APP打开闪退问题记录

问题描述，首先，安卓的老项目然后，targetSdkVersion是小于29的(非AndroidX)，然后小米10从Android10升级到Android11后，APP闪退打不开，几天的调试和实验得出解决方法如下：第一步，项目targetSdkVersion改为29(AndroidX)，第二步：xml，application中android:requestLegacyExternalStorage="true" （存储不分区）第三步，适配AndroidX1，2..

原创 react-native 打包时注意事项

1.iOS打包，注意iOS9的https适配在Info.plist中添加NSAppTransportSecurity类型Dictionary。 在NSAppTransportSecurity下添加NSAllowsArbitraryLoads类型Boolean,值设为YES2.安卓打包，注意android 9无法使用http 访问网络解决：在AndroidManifest.xml中的<application 标签下添加android:usesCleartextTraffic="t

原创 安卓开发，对apk的签名验证（Mac）

知道sdk的问题，finder-前往进入SDK\build-tools\28.0.2目录（或者其他版本），该目录有apksigner.bar脚本，我们可以利用它来验证。即cd 到版本目录终端输入命令 apk为apk的位置，直接把apk 拖入终端apksigner verify -v apk 验证结果...

原创 微信小程序原生集成vant weapp注意点 （https://youzan.github.io/vant-weapp/#/intro）

1.点击工具中 构建npm 才会在项目中自动生成 miniprogram_npm文件夹2.关于Dialog 弹出框的使用注意事项前面的 ../../../具体看你自己项目的层级会有提示的

原创 iOS开发- 手机 iOS 14版本无法通过网页检查器(Web Inspector)调试网页的问题

解决方法finder 前往~/Library/Containers/com.apple.Safari/Data/Library/Preferences/修改com.apple.Safari.plist文件添加 key为IncludeInternalDebugMenu为 true此时直接修改可能会报权限不够，可以把此文件复制出来一份，然后修改后，再覆盖...

原创 mac webstorm 自动换行

转载 iOS 关于网络数据解析小数位精度丢失问题的修正

近日，项目中出现了后台返回数据，特别是价格时，小数位会出现很多9999的现象，而在谷歌浏览器测试后台返回数据时，正常显示是只有2位，后台也说只返给了2位小数给我，百思不得其解，只能认为是开发环境不同造成的问题。之前的解决方案是利用 %.2f 进行截取四舍五入，其实可以正常使用，只是保留了两位小数。现在发现其实是，NSNumber的description方法不够严谨，在调用NSNumber的description方法打印数值时，会发生精度损失。如果是double类型，建议把NSNumber转换成doubl

转载 使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应

SDAutoLayoutgithub地址 https://github.com/gsdios/SDAutoLayoutSDAutoLayout的自适应宽度和高度大致可以分为三类情况。第一种情况：控件根据内容进行宽度自适应： _infoLabel.sd_layout .leftSpaceToView(self, 0) .bottomSpaceToView(self, 0) .heightIs(13); // 设置高度约束 [_infoLabel setSing

转载 MAC：通过NVM安装指定版本的node

一. 安装NVM（前提是你安装了homebrew）$ brew install nvm二.在shell中可以使用nvm命令如果没有.bash_profile文件需要自行touch .bash_profile哦$ cd ~$ vim .bash_profile然后添加以下命令：export NVM_DIR=~/.nvmsource $(brew --prefix nvm)/nvm.sh然后重新source$ source .bash_profile...

转载 Mac解决重启终端后bash_profile配置失效问题

自己在 ~/.bash_profile 中配置环境变量, 可是每次重启终端后配置的不生效.需要重新执行 : $source ~/.bash_profile发现zsh加载的是 ~/.zshrc文件，而 ‘.zshrc’ 文件中并没有定义任务环境变量。解决办法在~/.zshrc文件最后，增加一行：source ~/.bash_profile...

原创 Mac webstorm eslint一键修复

ESlint插件下载:https://plugins.jetbrains.com/plugin/7494-eslint/versions.配置websorm:获取1方法：打开终端输入：which node获取2方法：打开终端输入：which eslint如果没有搜索到就全局安装下eslint， 命令：npm install eslint -g最后选中代码...

原创 Mac react-native npm install -g react-devtools 报错

报错 可以尝试sudo npm install -g react-devtools --unsafe-perm=true --allow-root 如果卡主不动的话，可以考虑墙了

原创 mac sudo npm install 安装依赖依旧报Error: EACCES: permission denied权限不够的话

添加--unsafe-perm=true --allow-rootsudo npm install xxxx--unsafe-perm=true --allow-root

原创 Vue项目接手的问题

1.首先，确保node的版本2.确保node的依赖镜像，是不是淘宝总之，以上两点不一致，就可能会导致，新接手的项目，运行起来或者安装依赖报一大堆错

原创 vue H5微信公众号(jsapi)分享神坑记录

以下是在后台的签名校验通过，无误的情况下的其它bug记录1.路由之间的跳转用window.location.href，不要去用this.$router.push去跳转，否则会出现 invalid signature错误2.调用后台接口后去appId等信息时所传的url，必须是当前页面window.location.href且路径不能有#，所以route需要用history模式3.后台授权获取openId后的重定向不能拼接太多参数，否则，可能出现，第一次进入页面就报invali.

原创 config:invalid signature

最近，做微信公众号分享时，在使用weixin-jsapi，一直报错config:invalid signature，在确保校验都无误的情况下，建议检查一下，获取后台appId等wx.config时的接口是是否是post请求，经测试get请求会报此错误，另外，获取此接口时传入的url，必须是当前公众号部署的服务器的域名地址...