前端开发
zazoCoder
这个作者很懒,什么都没留下…
展开
-
vue实现点击按钮,复制图片、文本到粘贴板
最近有个需求,需要点击按钮之后,一键复制内容,内容中有图片,有文字,需要都复制出来,于是发现了一个轻巧、方便的插件 clipboard-all (https://www.npmjs.com/package/clipboard-all)使用起来极其方便:...原创 2021-07-21 20:28:53 · 2503 阅读 · 7 评论 -
前端对jQuery的jsTree插件的大量数据处理性能优化实践(单节点打开速度优化)
经过上一篇文章的优化之后,加载速度有了明显的提升,但是又有了新的问题:如果一个节点下有50000个子节点,打开节点时,需要20s的时间!并且打开时页面会卡顿;打开节点卡顿原因:查看源码打开节点的逻辑,在open_node()方法中通过调用draw_children()的方法绘制子节点,再通过选择器直接将子节点的display为none属性去掉,实现展示子节点的功能。通过打印时间戳发现draw_children方法花费的时间不是很长,50000条数据大致在2s-3s的时间,但是单独一个修改样式原创 2020-10-27 16:10:17 · 756 阅读 · 0 评论 -
前端对jQuery的jsTree插件的大量数据处理性能优化实践(加载速度优化)
系统使用jstree做的树形展示,开始的数据量有3000左右,生成树的时间很快,但是后来需要加到50000条数据,jstree插件形成树很慢,并且会导致页面卡顿,测试发现5000条数据从请求到树的生成需要大概5秒,30000条数据大概需要15秒,50000条数据要30秒左右,于是对jstree大量数据进行优化。通过各种尝试,看国外文档,看jsTree源码,阅读jsTree文档,最终尝试得到jstree中_append_json_data 方法效果最好,不会导致页面卡顿无法点击的情况。jsTr..原创 2020-10-16 16:23:45 · 1757 阅读 · 2 评论 -
百度地图的拖拉放大和拖拉缩小功能
在使用百度地图API的时候想要实现拖拉放大和拖拉缩小的功能,但是看到百度地图的示例中只有拖拉放大的功能在开源库中也是只写了拖拉放大的功能,没有拖拉缩小的功能但是没有于是我看了下他的参考类,终于在千辛万苦中找到了缩小的方式靠的是它配置项中的zoomType这一项,但是不知道他的Number具体是0 1 还是-1 还好它提供了源码于是在源文件中找到了所以 配置项中 zoomType : 0 是放大 1是缩小;配置代码//放大的方法bigD...原创 2020-07-30 17:46:39 · 850 阅读 · 0 评论 -
Chrome浏览器的下拉选择框option有黑边的问题
在开发中发现突然项目的选择框都有了黑框,开始以为是动了项目样式,经过排查发现是chrome的默认样式导致,原来是Chrome浏览器进行了更新Chrome浏览器83版本对选择框进行了更新,而且我们无法修改到到option该样式(如果你们修改了可以评论方法)该问题已经当做问题提交到了Chrome,在Chrome84 Dev中已经将该问题解决,所以我们可以等84版本恢复样式。...原创 2020-06-03 16:07:16 · 2575 阅读 · 2 评论