hzxOnlineOk的博客

原创 React native如何让点击事件穿透遮罩层(水印)- pointerEvents属性应用

假如你有这么一个需求，你需要为一个页面生成水印，水印需要浮在最上层，那如何保证水印不会遮盖底层的内容呢？也就是我们要讲的 “事件穿透”在PC网页中，直接生成的是浏览器的dom元素进行排列绘制因此可以利用css自带的属性： pointer-events: none；遮罩层容器添加一条css属性 pointer-events: none， 遮罩下的就可以点击了，IE11+支持而React-Native则比较特殊，他毕竟不是运行在浏览器上的，他只是实现了Android和Ios底层V..

转载 Warning: Invalid DOM property `for`. Did you mean `htmlFor`?

在react中label标签不能使用for关键字报错警告：Warning: Invalid DOM property for. Did you mean htmlFor?错误写法：<div className="radioItem"> <input type="radio" id="curEntrust" /> <label for="curEntrust">当前委托</label></div>.

原创 React-Native ‘WKWebView` has no propType for native prop

根据搜索，出现这个错误的原因，是react-native与该组件所带的包的版本不匹配导致当我们从仓库拉别人的代码下来，是不包括node_modules的，而有的package.json又是不合规范，没有限制版本，或者各种其他包依赖，或者网络导致下载包不完整等等。任何一个环节出问题，都可能导致报错的产生！整理下来的解决办法有3种：（1）我自己解决的办法是，使用正常的包代替npm install下载下来的包 或者单独install该包（2）查询该第三方包和rn兼容的版本，并下载指定版本，清除缓存

转载 react-native xcode 编译报错： /node_modules/react-native/third-party/glog-0.3.4‘:

RN升级可能产生这个bug，解决办法：在根目录:1.cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../2.cd node_modules/react-native/third-party/glog-0.3.4/ && ../../scripts/ios-configure-glog.sh && cd ../../..

转载 React Native ‘config.h‘ file not found 问题、 ‘glog/logging.h‘ file not found 问题、configure: error: C co

本文转载自https://www.cnblogs.com/richard-youth/p/10002565.html该作者，仅做学习1、在github 上面 git clone 一个RN 项目代码，npm install （yarn）后，准备运行iOS工程，发现'config.h' file not found，恶心！！！百度发现：这个是常见错误,只需要在项目根目录下（里面包含node_modules文件夹）运行以下命令（下面的两行同时复制，终端运行）即可解决:cd node_modules.

原创 js 运算符集合查询

http://c.biancheng.net/view/5469.html

原创 Echarts 地图 json数据来源（地图选择器）

http://datav.aliyun.com/tools/atlas/#&lat=22.628908559313757&lng=114.18972305307356&zoom=11.5

原创 App缓存优化篇（react-native）

APP中的缓存分为两种：一、离线缓存，没有网络时，显示缓存到内存或者本地磁盘的数据逻辑是在请求前，优先获取缓存，其步骤又分为（1）先获取内存中的缓存（2）获取不到内存中的缓存时，获取本地磁盘的缓存（3）获取不到内存和磁盘中的缓存时，发起请求获取接口的数据这种缓存主要用来优化图片渲染速度，但也可以支持缓存其他类型的接口数据/** * @author huangzhixin */import { STORAGE_KEY_AVATAR } from './commonConstants';

原创 vscode隐藏或者显示被隐藏的文件或者目录

原创 前端面试题整理合集

https://juejin.cn/post/6844903570001625102https://github.com/abc-club/js-paradise/blob/master/INTERVIEW.md#%E7%9B%AE%E5%BD%95

转载 React Native 性能优化指南

React Native 性能优化指南卤代烃公号@卤蛋实验室，关注就能变强​关注他78 人赞同了该文章2020 年谈 React Native，在日新月异的前端圈，可能算比较另类了。文章动笔之前我也犹豫过，但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 性能优化的文章。本文谈到的 React Native 性能优化，还没到修改 React Native 源码那种地步，所以通用性很强，对大部分 RN 开发者来说都用得着。本文的内容..

转载 MDN Web浏览器/服务器（C/S） HTTP 缓存

通过复用以前获取的资源，可以显著提高网站和应用程序的性能。Web 缓存减少了等待时间和网络流量，因此减少了显示资源表示形式所需的时间。通过使用 HTTP缓存，变得更加响应性。不同种类的缓存缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当 web 缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。这样带来的好处有：缓解服务器端压力，提升性能(获取资源的耗时更短了)。对于网站来说，缓存是达到高性能的重要组成部分。缓存需要合理配置，因为并不是所有资源都是永

转载 Vscode 打字特效插件Power Mode安装使用说明

壹 ❀ 引我记得在17年使用atom编辑器的时候，使用过一款打字特效的插件，只要我们输入代码，代码上方就会有与代码颜色对应的星星效果，今天脑抽突然想起了这个中二插件，搜索了一番成功安装，大致效果如下，这里分享下设置：贰 ❀ 安装打开插件，输入Power Mode点击搜索，安装第一个即可。叁 ❀ 设置打开用户设置----选择常用设置----点击在settings.json中编辑在末尾添加一行"powermode.enabled": true那么这样插件就...

原创 VS Code 格式化后 自动让函数名后有空格

fetchCommentCount () { // 像这样fetchCommentCount和()之间有空格 这是我们的目标 return {}},只需要在Vscode设置文件Settings中加入以下两句："vetur.format.defaultFormatter.js": "vscode-typescript","javascript.format.insertSpaceBeforeFunctionParenthesis": true, 需要这两句...

原创 原生js监听href url路径变化

移动端直接使用：function listenHrefChange() { //监听href变化 触发更新图表 window.onhashchange = function () { getMap(orgIdRef.current); };}PC端如需兼容IE 则使用：//监听触发操作function hrefChange(){ console.log("url路径产生了变化")} //url变化监听器if( ('onhashcha..

转载 navicat可视化工具新建mysql 报client does not support authentication

参考链接：https://blog.csdn.net/WJUNSING/article/details/80483934https://blog.csdn.net/qq_40646620/article/details/80716394问题描述刚安装完mysql8.0.11，连接时报错：在navicat中报错client does not support authentication在mysql workbench中报外部组件错误解决步骤使用如下命令：mysql> al

原创 解决echarts在平移和缩放中国地图后，下钻到下一级具体省份地图时生成的地图不在容器中间，会跑到容器外面去。

问题：echart地图三级下钻地图在平移和缩放后，点击到省，由于中心点的偏移，该省市区地图跑到容器以外的地方去了，导致新生成的地图看不见解决方法：后来发现，是重新绘制图表的时候需要： myChart.setOption(option, true），在setOption()方法中第二个参数传true，表示重新绘制，最后解决...

转载 在.webpackrc.js设置了proxy, npm start工作正常，npm run build后提示404（not found)

.webpackrc.js{ "proxy": { "/atrium": { "target": "http://127.0.0.1:5000/api/v1.0/", "changeOrigin": true, "pathRewrite": { "^/atrium" : "" } }, }}services中export function fetch() { return request(`/atrium/commands`