摘要： 一、小功能大需求 先看下设计图： 需求如下： 1、一级选中（取消选中），该一级下的二级全部选中（取消选中） 2、二级全选，对应的一级选中，二级未全选中，对应的一级不选中 3、支持搜索，只搜索二级数据，并且只展示搜索到的数据以及对应的一级title，如：搜索“店员”，此时一级只展示咖啡厅....其他一 阅读全文

摘要： 一、运算符~ JS按位取反运算符~，是对一个表达式执行位非（求非）运算。如~1 = -2，~-3=2，~true=-2，~false=-1 二、如何按位取反计算 按位取反的运算规则步骤： 1、十进制转成原码 转成二进制原码，最高位是符号位，0为正数，1为负数 十进制 > 原码 1 > 0000000 阅读全文

摘要： 一、需求 在使用Table组件嵌套Table时，父子Table的选择框需要联动，即父Table选中，该行下的子Table需要全选中，某一个子Table全部选中，则该子Table所在的父Table那一行也需要选中。 二、Table的rowSelection配置 父子Table联动，就不能使用OnCha 阅读全文

摘要： 一、场景 在开发过程中，会使用很多的Select、DatePicker等组件，当这些组件在可滚动的区域内滚动时，你会发现该组件的选项框也会跟着滚动，产生分离。如下图所示。 二、解决方法 通过查询相应的官方API，发现官方给我们提供了getPopupContainer属性，该属性是菜单渲染的父节点，默 阅读全文

摘要： 一、Promise简介 1、Promise是什么？ Promise是一个对象，代表一个异步操作的最终完成或者失败。 2、Promise的状态 pendding：初始状态，既不是成功，也不是失败状态 fulfiled：操作成功 rejected：操作失败 pendding状态的Promise对象，可能 阅读全文

摘要： 一、需求分析 开发过程中会遇到一键复制的需求，解决的方法很简单，我们只需要在页面中添加一个 textarea标签，通过textarea的select方法选中文本，然后再通过浏览器提供的copy 命令，将textarea中的内容复制下来即可。 注：浏览器提供的copy 命令：document.exec 阅读全文

摘要： 一、react中使用pre标签 react中代码： <pre> 我寻你千百度 日出到迟暮 一瓢江湖我沉浮 我寻你千百度 又一岁荣枯 可你从不在 灯火阑珊处 </pre> 界面展示效果： 正常情况下，使用pre标签，pre标签中的内容都会原样展示，但是目前来看，并没有换行效果，这是因为JSX会去除换行 阅读全文

摘要： html2canvas官网： http://html2canvas.hertzen.com/documentation 一、html2canvas的兼容性 根据官网给出的API，html2canvas的兼容性如下 1、Firefox 3.5+ 2、Google Chrome 3、Opera 12+ 阅读全文

摘要： 开发项目过程中，会遇到点击页面上某个东西，要在新窗口中打开一个页面的需求。如果你认为是简简单单的打开一个新窗口，那就会掉进谷歌浏览器的坑里了。 场景：在A页面，点击按钮，新开窗口跳转到该项目的B页面，如果B页面的请求尚未结束，直接关闭B页面，此时A页面会卡死。 原因：谷歌浏览器在给新开窗口分配进程时 阅读全文

摘要： 一、Context Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。 二、设计目的 Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据。 三、使用场景 Context 主要应用场景在于很多不同层级的组件需要访问同样一些的数据。请谨 阅读全文