xiaoxiaoyang007的博客

项目中正在使用bootstrap-table.js，搜索了部分用到的方法，在此列举一下，以备到时候查阅。

谷歌浏览器跟其他浏览器的执行顺序不同， 谷歌是 compositionstart => 监听input事件 => compositionend, 其他浏览器是 compositionstart => compositionend => 监听input事件， 所以 要在 compositionend 里面判断是否是谷歌浏览器，做浏览器的兼容输入；另外：即时搜索input监听，如果需要请求接口，不要配置同步属性（async: false）必须异步，不然浏览器直接卡死崩溃。

实际应用中，树形结构数据存在数据量大或者结构复杂时，会有搜索功能的需求。输入内容实时过滤数据并渲染，还需要保留树形结构，根据搜索内容保留父节点数据。一开始思路不开阔，想逐层遍历 ，保留各层级内容。但是细想这种方式不够实用，也不灵活，不具备复用功能，也不是一个成熟程序员该用的正确方式。因此开阔思路后，最终实现了需要的功能，并且实用。1、整体一个过滤方法，接受两个参数，一个树数据，一个方法（该方法通过搜索输入的内容进行节点匹配）。2、过滤方法中，需要先用map复制一下数据，避免修改到原始的树数据。

在项目中，需要根据条件，动态绘制部分页面，动态绘制的元素中有点击事件。在绘制完之后用普通的元素绑定事件不生效，考虑到是元素重新渲染，绑定事件未选择到元素。经各种查询，发现一种新的方式可以解决此问题。经实际测试，该方法可用。