盒儿-CSDN博客

原创 antd Table组件滚动条自适应

componentDidMount中写监听滚顶条高度方法componentDidMount() { //加载页面时计算一次 this.handleHeight(); //页面大小发生改变时监听计算 window.addEventListener('resize', this.handleHeight);}处理计算页面Table的Scroll设置高度tableHeight，tableHeight为在this.state中初始化的属性，默认为‘’hand.

2020-12-26 14:26:09 2727

原创前端检查本机注册表文件，如果有打开程序，如果没有下载程序/注册表文件

之前有一篇博文写的是通过自定义注册表以绝对路径方式，通过前端打开电脑本地的程序。（指路https://editor.csdn.net/md/?articleId=108243095）以这个方式实现了打开本地程序以后，随之而来了一个新的问题。当用户要求浏览器端打开一个新的程序，这个新的程序的注册表名不存在，怎样给用户提示，怎样动态下载程序或者是注册表。以下是在react框架中的实现方式：1.下载jQuery依赖包 http://www.jq22.com/jquery/jquery-3.4.1.zi.

2020-10-26 15:51:32 1800 1

原创解决react项目暴露webpack.config.js文件后运行报错问题

在react项目中为webpack添加新的依赖时，有时需要手动去配置webpack.config.js文件中的relus。但是在create-react-app中默认是不显示webpack.config.js文件的，所以就需要使用yarn eject将webpack文件暴露出来。挺正常一操作，但是发现暴漏出来修改完发现项目不能运行了，一开始提示缺少react-scripts依赖好吧，缺少那就安装一下安装命令：npm install --save react-scripts安装成功后，重新运行，发

2020-10-12 20:04:49 1541 1

原创 js基础--数据类型问题复习

复习参考了以下文章，感谢各位作者：https://blog.csdn.net/u013592575/article/details/95087953js包括几种数据类型？八种基本数据类型：boolean，string，number，null，undefined。引用数据类型：objectES6新增：symbol–这种类型的对象永不相等，即使传入相同的值，也不相等。作为一种标记，解决属性名冲突的问题。谷歌67新增：bigInt–安全存储，操作大整数2.object中包括几种类型？Func

2020-09-18 16:14:31 105

原创在web项目中打开本地exe的方法

通过注册表名打开：使用a标签的属性可以实现两种方式查看注册表名1.打开注册表编辑器，查找软件的注册表名2.下载URLProtocolView软件，查看注册表名（推荐：比较简单明了）获取注册表名后<a href="程序的注册表名://">打开此程序</a>通过绝对路径打开：本地写一个注册表文件，可以通过cmd打开...

2020-09-10 20:36:59 1138

原创不定宽的fixed元素保持居中的方法

今天遇到一个需要将页码组件固定在页面底部的bug，一开始使用了margin：0 auto;没生效，研究了一下，代码实现如下：<div className="pagination">我是要保持居中的分页</div>//下面是样式文件.pagination{ position:fixed; margin:auto; left:0; right:0}...

2020-09-09 15:08:13 464

原创为一个数组中的每一个节点添加监听事件

下面是添加添加监听事件的步骤。获取需要添加事件的数组元素。最好先判断一下是否已获取到元素，使用for循环进行遍历，为每一个节点添加监听事件（此处以onclick事件为例）// 此处通过getElement有多种方法可以获取到节点，此处以DOM Name为例let nodeList = document.getElementByName("DomName");//检测节点是否存在if(nodeList){ for(let i = 0;i < nodeList.length; i++)

2020-09-08 15:32:28 1437

原创解决Antd的RangePicker组件在整体页面出现滚动条时，不随弹出框滚动的bug

之前在antd官网和通过网络检索发现好多文章都是写的用getPopupContainer这个API，但是我在RangePicker组件上试了好几种写法都不生效，最后发现getCalendarContainer这个API才是有效的，问题解决了~解决办法：在RangePicker组件内加上这句代码就好了： getCalendarContainer={trigger => trigger.parentNode}...

2020-09-07 15:12:47 1249 1

原创复习--javascript数据类型

javascript数据类型空（Null）未定义（Undefined）数字（Number）字符串（String）布尔值（Boolean）符号（Symbol）对象（Object）以上前六种为基本数据类型，最后一种为引用数据类型基础数据类型和引用数据类型的区别基础类型的数据在被引用或拷贝时是值传递，也就是说会创建一个完全相等的变量。引用类型只是创建一个指针指向原有的变量，实际上两个变量是“共享”这个数据的，并没有重新创建一个新的数据Undefined只有一个值undefine

2020-08-18 11:55:25 128

原创浏览器事件机制

事件机制事件触发三阶段document往事件触发处传播，遇到注册的捕获事件会触发传播到事件触发处时触发注册的事件从事件触发处往document传播，遇到注册的冒泡事件会触发事件触发一般来说会按照上面的的顺序执行，但是也有特例，如果给一个目标节点同时注册冒泡和捕获事件，事件触发会按照注册的顺序执行//以下会先打印冒泡，然后是捕获node.addEventListener('click',(event)=>{ console.log('冒泡');},false);node.ad

2020-06-26 13:24:52 216

原创 React 兄弟组件同时使用onresize时，监听事件覆盖

React 兄弟组件同时使用onresize时，监听方法互相覆盖工作中遇到了一个需求是，当浏览器窗口大小发生变化时，导航栏组件和content组件内容对于浏览器窗口的自适应。问题分析解决办法总结工作中遇到了一个需求是，当浏览器窗口大小发生变化时，导航栏组件和content组件内容对于浏览器窗口的自适应。问题分析单页面应用使用多个window.onresize事件时，最后一个window.onresize事件会覆盖掉之前的onresize监听事件。本来想通过在导航栏组件中调用content中自适应窗口大

2020-06-16 23:15:29 1232

weixin_38008461的博客