根据配置生成一个合并单元格的table表格的html代码 此表格支持最上面的表头合并且居中展示表格标题,如果上下行。分享最近工作中遇到的一个场景:导出表格,需要准备好。表格样式需要自己调整一下,否则样式偏丑。封装了一个如下的方法。
封装一个vue2的虚拟列表 这里我封装了一个简单的虚拟列表的组件,里面包含了 rowHeight:行高、viewCount:显示条数、listItem:每一行显示的内容、listData:需要渲染的整体数据,另外还添加了一个点击向父组件传递信息的方法 onClick。当我们需要很多条数据时,比如一万条时,如果只用v-for的话那么会渲染出一万个dom元素,这样是很消耗性能的,这时我们便可以使用虚拟列表了。顾名思义,就是一个虚假的列表,可能它里面只渲染了20个dom元素,但是却可以通过滚动来展示一万条数据。组件如下,可直接复制。
手写Promise第二版解决异步执行问题 这一版在class中创建了一个callback,用于接收then方法中传入的回调函数,由于这个回调函数需要将class中的#result传入,而如果实例中的resolve是异步执行的,那么这个传入的回调函数无法立即获得resolve传进来的值,所以要使用一个变量接收这个方法,然后在#resolve或者#reject中调用。另外then方法是将任务放到了微任务队列中,所以我们需要使用queueMicrotask这个方法。这一版是解决异步操作的问题,但是链式操作还没有解决。
封装一个简陋的promise 这是第一版的promise,只是一个简单的封装,还没有实现异步解决方法、链式操作,但是我认为这对promise的理解还是有一定帮助的,有需要的同学也可以直接看这个视频。后面也会跟着视频敲出更完整的代码,但是想从易到难地进行,所以选择将每一版的代码分别做一个记录,也更容易理解。这两天在看B站李立超老师的视频,跟着手动封装一个promise。我写的时候添加了一些注释,如果有欠缺的地方,烦请指出。
点击echarts图表title进行相关操作 最近在做移动端项目,页面中有一张echarts图表和一个列表,并且它们几乎已经占满页面,而页面还差一个功能是要跳转到另一个详情页面,想了半天没想到这个按钮做哪儿,后面后台老哥提醒我可以点击echarts的标题进行跳转。之前有做过点击echarts的数据弹出弹窗,但是怎么确定是点到标题进行操作呢?没能找到标题部分,那么可以自行打印params,确认一下title在哪儿。(判断点击部分为title)。核心点在于title中。(允许标题触发事件)与。
VUE中echart的父容器大小改变,echars大小自适应、setOption中第二个参数 使用环境 VUE当手动给echarts的父容器添加类名改变大小时,直接重新调用创建echarts的方法,echarts大小也不会改变。于是我添加了个setTimeout暂时解决了问题,现在跟大家分享一下。
使用ExcelJs导出表格设置样式、添加边框 xlsx、xlsxStyle和fileSaver一起使用也可以导出表格,并且设置表格样式,但是就目前来看,ExcelJs安装后可以直接使用,不用去解决依赖包的报错问题,还是不错的。另外,使用ExcelJs还可以参考这篇文章ExcelJS 使用帮助文档。
eCharts图中的toolBox以及滚动条、以及其中的点击事件、文字排序localeCompare、给elementUI中的表格添加双击事件 这次就分享这么多吧,本来准备再整理一个grid布局的,但是想偷点懒,直接把我找到的博文分享一下吧。grid布局一grid布局学习二这两个资料结合在一起看是比较清晰的。
js-cookie、Base64、token的使用、输入框记住密码的案例 另外我们在进入这个页面时,就要查看缓存中是否有用户名和密码,如果有,那么radio就是被选中的状态,并且将用户名和密码输入到输入框中。token相当于一个令牌,可以用于确定用户的身份,当用户登录时,后台会返回一个token值,这时可以将token值进行储存,后面进行请求时,可以带着token去进行请求。使用步骤,在后台返回token值时,可以将token值储存在cookie中,或者储存在vuex中,在请求拦截中,发送headers时,将token发送出去。js-cookie是一个插件,要在项目中进行安装,
vue2.0中自适应echarts图表、全屏插件screenfull 第一,自适应的echarts图表,要配合着能够自适应的盒子来使用,首先就是盒子要能够跟随屏幕大小改变而改变,比如我们使用弹性盒子就可以实现。第二,要想实现自适应的echarts图表,就是当窗口发生改变时,echarts图表的尺寸重新定义一下,使用resize的方法就可以实现。在mounted中调用这个方法,并且将数据传入进去,那么就可以实现自适应echarts图表了。首先在项目中安装这个插件,使用npm指令。在需要使用的组件,引入一下即可。
vue中的echarts图可根据关键词、月份范围进行搜索,还包含了简陋的带推荐搜索的输入框 这次的小案例中包含了很多的bug,我只是提供了一种思路,如果大家有什么修改意见,可以留言,真的写的太简陋了,还有很多明显的bug因为时间原因,没能够去完善,实在抱歉以下的代码是写在一个组件之中的,另外还需要elementUI的配合template代码。...
git与svn简单的使用方法 一般出现冲突以后,pull的时候,会将冲突的地方标注在vscode中,我们可以选择保留对方的代码,或者保留自己的代码,然后将不需要的代码删除,重新走一遍提交代码的顺序,目前我是这么做的,但是觉得这个做法虽然简单,但是不太妥当,希望能得到更好的解决办法。一下,将仓库的代码拉下来,相当于进行一个更新,然后再去进行编写。使用svn的话,我们一般需要下载一个tortoiseSVN。另外,svn可以下载一个中文插件,这样就可以显示中文版的了。注意:在我们开始编写代码时,我们可以先。...